我和我的团队使用 create-react-app bootstrap 命令启动一个新的 React 项目。 我们在项目中添加了 eslint 部分，但我们遇到了以前从未发现过的恼人错误。 当我们启动命令时
yarn run lint
Here the error:
这里是package.json：
{
"name": "name of the app",
"version": "0.1.0",
"private": true,
"dependencies": {
"jwt-decode": "^2.2.0",
"react": "^16.12.0",
"react-dom": "^16.12.0",
"react-intl": "^3.12.0",
"react-router": "^5.1.2",
"react-router-dom": "^5.1.2",
"react-scripts": "3.3.0",
"redux": "^4.0.5",
"redux-saga": "^1.1.3",
"reselect": "^4.0.0",
"styled-components": "^5.0.1"
},
"scripts": {
"analyze": "react-app-rewired build",
"build": "react-scripts build",
"cypress": "./node_modules/.bin/cypress open",
"eject": "react-scripts eject",
"lint:write": "eslint --debug src/ --fix",
"lint": "eslint --debug src/",
"prettier": "prettier --write src/*.tsx src/*.ts src/**/*.tsx src/**/*.ts src/**/**/*.tsx src/**/**/*.ts src/**/**/**/*.tsx src/**/**/**/*.ts src/**/**/**/**/*.tsx src/**/**/**/**/*.ts",
"start": "react-scripts start",
"storybook": "start-storybook -p 6006 -c .storybook",
"test": "react-scripts test",
"upgrade:check": "npm-check",
"upgrade:interactive": "npm-check --update"
},
"eslintConfig": {
"extends": "react-app"
},
"lint-staged": {
"*.(ts|tsx)": [
"yarn run prettier"
]
},
"browserslist": {
"production": [
">0.2%",
"not dead",
"not op_mini all"
],
"development": [
"last 1 chrome version",
"last 1 firefox version",
"last 1 safari version"
]
},
"devDependencies": {
"@cypress/webpack-preprocessor": "^4.1.2",
"@storybook/addon-actions": "^5.3.12",
"@storybook/addon-info": "^5.3.12",
"@storybook/addon-knobs": "^5.3.12",
"@storybook/addon-links": "^5.3.12",
"@storybook/addons": "^5.3.12",
"@storybook/preset-create-react-app": "^1.5.2",
"@storybook/react": "^5.3.12",
"@testing-library/jest-dom": "^4.2.4",
"@testing-library/react": "^9.3.2",
"@testing-library/user-event": "^7.1.2",
"@types/jest": "^24.0.0",
"@types/jwt-decode": "^2.2.1",
"@types/node": "^12.0.0",
"@types/react": "^16.9.0",
"@types/react-dom": "^16.9.0",
"@types/react-redux": "^7.1.7",
"@types/react-router": "^5.1.4",
"@types/react-router-dom": "^5.1.3",
"@types/storybook__addon-knobs": "^5.2.1",
"@types/styled-components": "^4.4.2",
"cypress": "^4.0.1",
"eslint": "^6.8.0",
"husky": "^4.2.1",
"lint-staged": "^10.0.7",
"npm-check": "^5.9.0",
"prettier": "^1.19.1",
"react-app-rewire-webpack-bundle-analyzer": "^1.1.0",
"react-app-rewired": "^2.1.5",
"react-docgen-typescript-webpack-plugin": "^1.1.0",
"redux-devtools-extension": "^2.13.8",
"storybook-addon-jsx": "^7.1.14",
"ts-loader": "^6.2.1",
"typescript": "~3.7.2",
"webpack": "^4.41.6",
"webpack-bundle-analyzer": "^3.6.0"
}
}
我们还尝试添加创建 .eslintrc 文件并添加
{
"extends": "react-app"
}
但没有任何改变。
react-scripts应该已经包含 ESLint 和eslint-config-react-appESLint 配置（参见docs https://www.npmjs.com/package/eslint-config-react-app#usage-in-create-react-app-projects）在您的节点依赖项中。
您不需要在 Create React App 项目中单独安装它。
如果 ESLint 无法找到react-app配置中，可能存在冲突或重复的 ESLint 配置依赖项，这些依赖项安装在react-scripts（即另一个eslint-config-react-app安装）。您可以使用以下方法进行检查npm ls [package]命令（即npm ls eslint-config-react-app).
解决此问题的最佳方法可能是从中删除这些包package.json允许这样的配置eslint-config-react-app in react-scripts按预期使用（基于comment https://stackoverflow.com/questions/60431931/eslint-error-eslint-couldnt-find-the-config-react-app/60442807?noredirect=1#comment115371560_60442807）。如果此后问题仍然存在，请尝试删除node_modules文件夹和package-lock.json然后再次重新安装依赖项可能会起作用。否则，升级到较新的npm版本可能会有所不同。
Your package.json可能缺少对等依赖eslint-config-react-app其中包括 eslint 预设react-app。您需要按照此处的说明进行安装https://www.npmjs.com/package/eslint-config-react-app https://www.npmjs.com/package/eslint-config-react-app.
注意：尽管这是create-react-app将其捆绑在一起react-scripts, your lint脚本无法访问react-app.
"eslintConfig": {
"extends": "react-app"
}
About .eslintrc，你已经有了 ESLint 的配置package.json所以你应该可以安全地删除.eslintrc.