代码之家 › 专栏 › 技术社区 › Nikolas Kotsios

找不到与模式“src/**/*.{js,jsx}”匹配的文件。请检查图案中是否有打字错误。React js问题

vite json reactjs

Nikolas Kotsios · 技术社区 · 1 年前

解决“无文件匹配”src/**/*。{js,jsx}“已找到,请检查键入错误”。我试图在学习React js的同时设置它,但我遇到了这个问题。React js无法找到匹配模式的文件。]( https://i.stack.imgur.com/JFnmS.png ). 问题出现在包json文件代码中 Package-json code 由于某种原因,当我运行npm-lint时,错误显示在我的终端上。我的项目结构是 Project structure 。我该如何修复它,以便在运行npm run lint时不会出现错误?存在错误的项目结构]( https://i.stack.imgur.com/uJIxQ.png ). 邀请函是否也是问题的一部分?

package.json代码为:

{
  "name": "adopt-me",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "format": "prettier --write \"src/**/*.{js,jsx}\"",
    "lint": "eslint  \"src/**/*.{js,jsx}\" --quiet",
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "keywords": [],
  "author": "",
  "license": "ISC",
  "devDependencies": {
    "@vitejs/plugin-react": "4.2.1",
    "eslint": "^8.24.0",
    "eslint-config-prettier": "^8.5.0",
    "prettier": "^2.7.1",
    "vite": "3.1.4"
  },
  "dependencies": {
    "react": "18.2.0",
    "react-dom": "18.2.0"
  }
}

vite是

import { defineConfig } from "vite"; 
import react from '@vitejs/plugin-react'

export default defineConfig({
    plugins: [react()],
    root: "src",
})

我所做的是npm安装,看看是否还有任何依赖项没有安装,我认为这会解决问题,但没有。我需要如何解决问题的答案。我希望没有找到与模式“src/**/*.{js,jsx}”匹配的文件。请检查图案中是否有打字错误。要解决,但我需要一个解决方案?有人有吗?

1 回复 | 直到 1 年前

muzudre 1 年前

Vite有自己的项目处理方式,不同于传统的React设置。

更新ESLint配置: 在您的 package.json ,更改 "lint" 针对所有JavaScript和JSX文件的脚本:
```
"lint": "eslint \"**/*.{js,jsx}\" --quiet",
```
检查Vite配置: 确认您的Vite配置在 vite.config.js 有正确的 root 背景
```
export default defineConfig({
    plugins: [react()],
    root: "src",
})
```
运行ESLint: 处决 npm run lint 再次整理文件并检查错误。
检查文件扩展名: 确保文件扩展名(“.js”或“.jsx”)正确,并检查文件名中是否有拼写错误。
审查ESLint配置: 验证您的ESLint配置( .eslintrc.js 或`.eslintrc.json)与您的项目结构和需求相匹配。

这些步骤应该有助于解决基于Vite的React项目中“没有与模式匹配的文件”的问题。