eslint 無法加載要擴展的配置“react-app”。 在項目中進行更改時

Question

我使用yarn create react-app創建了一個反應應用程序。 然后我運行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-app

   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