eslint 无法加载要从中扩展的配置"react-app"。在项目中进行更改时

Question

我使用yarn create react-app创建了一个react应用程序。然后我运行yarn start，项目在localhost上正常运行。然而，当我编辑一个文件(添加一个新标签，重命名div的内容(时，应用程序会抛出一个错误，并且无法编译，错误为

[eslint]加载配置失败"react app"；从中延伸。

Eslint已安装。疯狂的是，打开package.json文件并保存它可以解决问题，并且项目可以使用新的更改进行编译。然而，每次我做出改变时，我都必须这样做。

我在WSL上使用Ubuntu。

这是我的package.json文件

{
"name": "gmail-clone",
"version": "0.1.0",
"private": true,
"dependencies": {
"@reduxjs/toolkit": "^1.8.1",
"@testing-library/jest-dom": "^5.16.4",
"@testing-library/react": "^13.0.1",
"@testing-library/user-event": "^14.1.1",
"react": "^18.2.0",
"react-dom": "^18.2.0",
"react-redux": "^8.0.1",
"react-scripts": "5.0.1",
"web-vitals": "^2.1.0"
},
"scripts": {
"start": "react-scripts start",
"build": "react-scripts build",
"test": "react-scripts test",
"eject": "react-scripts eject"
},
"eslintConfig": {
"extends": [
"react-app",
"react-app/jest"
]
},
"browserslist": {
"production": [
">0.2%",
"not dead",
"not op_mini all"
],
"development": [
"last 1 chrome version",
"last 1 firefox version",
"last 1 safari version"
]
}
}

Answer 1

解决问题的几种方法：

1. 添加eslint-config react应用

   yarn add eslint-config-react-app -D或yarn add eslint-config-react -D

2. 从package.json 中删除此代码

"extends": [
"react-app"
]
},

3. 删除yarn.lock并重新安装节点模块

Answer 2

我遇到了类似的问题，我通过安装eslint-config-react-app:解决了这个问题

yarn add eslint-config-react-app -D