在反應 web 應用程序的本地服務器上部署時出現 eslint 錯誤

Question

項目依賴樹可能有問題。 這可能不是 Create React App 中的錯誤，而是您需要在本地修復的錯誤。

Create React App 提供的 react-scripts package 需要依賴：

"eslint": "5.6.0"

不要嘗試手動安裝：您的 package 管理器會自動安裝。 但是，在樹的較高位置檢測到不同版本的 eslint：

D:\chintu\blog-exambunker-master\blog-exambunker-master\node_modules\eslint (version: 5.6.1)

如何安裝版本5.6.0我正在安裝 eslint 它總是安裝最新版本，有人可以建議我該怎么做嗎？

Answer 1

該錯誤是eslint和babel-eslint版本之間的不兼容。 要解決這個問題，首先你需要使用npm uninstall eslint刪除你的eslint包。 此命令將刪除您的eslint包。 之后需要安裝5.6.0版本的eslint ，所以寫這個命令npm i eslint@5.6.0 。 我希望這對你有幫助。 此外，您可以刪除node_modules文件夾，然后安裝它。

Answer 2

（如果你沒有閱讀我發布的所有內容，請不要做我所做的）至少對我來說，我只是將我的 eslint 5.8.0 降級到 5.6.0（手動）。 為什么？ 因為我在使用airbnb等eslint庫的時候，會自動安裝最新版本的eslint（5.8.0），這里的問題是這個版本和之前react使用的eslint版本（5.6.0）有沖突，所以當你降級，你只是回到之前安裝的 eslint，所以它在這里工作正常，但是當你更新你的 React 版本時你必須小心。

Answer 3

我搜索了 eslint 的位置：

npm ls eslint

然后我刪除了它：

npm uninstall ls eslint

最后我跑了

npm start

它奏效了。

Answer 4

我有完全相同的問題。 我已經從這些建議中嘗試了everithing：

1. 刪除項目文件夾中的package-lock.json （不是package.json ！）和/或yarn.lock 。
2. 刪除項目文件夾中的node_modules 。
3. 從項目文件夾中的package.json文件中的dependencies和/或devDependencies中刪除eslint 。
4. 運行npm install或yarn ，具體取決於您使用的包管理器。

在大多數情況下，這應該足以解決問題。 如果這沒有幫助，您還可以嘗試其他一些方法：

5. 如果您使用npm ，請安裝yarn並用它重復上述步驟。 這可能會有所幫助，因為 npm 存在已知的包提升問題，這些問題可能會在未來版本中得到解決。

6. 檢查C:\\Users\\User\\node_modules\\eslint是否在您的項目目錄之外。 例如，您可能不小心在主文件夾中安裝了某些東西。

7. 嘗試在您的項目文件夾中運行npm ls eslint 。 這將告訴您安裝了 eslint 的其他包（除了預期的 react-scripts）。

沒有任何效果。 每次我執行npm install/yarn它都會安裝舊版本的 eslint。

Answer 5

好的，我發現了我的問題：我在項目文件夾之外（在 c:/users/user 上）有 npm packeges 和更多垃圾，他們可能有舊版本的 eslint。 檢查出來，告訴我你是否還有問題。

Answer 6

我刪除了一個包含舊版本 eslint 的節點模塊文件夾。 我發現這是最簡單的解決方案，而不是更改依賴項。

Answer 7

為我解決了這個問題的是，在錯誤消息中，它告訴我在5.6.0項目中安裝了 eslint，而在users/andrew/nodemodules/eslint安裝了另一個版本為4.1.6我嘗試執行npm uninstall -g eslint但這沒有用，所以我只是搜索了users/andrew/nodemodules/eslint所有文件和文件夾並刪除了它們，然后它就起作用了。 我不確定這是否是一個好方法，但它奏效了。

Answer 8

在您的根目錄中創建一個.env文件。

您可以通過放置忽略檢查

SKIP_PREFLIGHT_CHECK=true

在.env文件中。

參考： https : //github.com/facebook/create-react-app/issues/5247#issuecomment-427221678

編輯：這不是解決此問題的方法。 只是忽略問題中討論的錯誤。

Answer 9

簡單刪除 package-lock.json 和 node_modules 然后運行npm install然后npm start

否則你可以安裝npm i eslint@5.6.0然后npm start

好好工作 ：）

• 項目清單

Answer 10

在 root 中打開一個新的終端窗口。

運行命令

npm ls eslint

這應該會向您顯示依賴樹中“更高”的安裝。

導航到包含 gulp-eslint/eslint/babel-eslint 甚至不應該全局安裝的偷偷摸摸的 node_modules/ 的文件夾。

接下來，根據文件所在的位置運行其中一個或所有這些命令。

rm -rf node_modules/
rm -rf (name of other folders like eslint/gulp-eslint)

返回您的項目

安全總比抱歉好，運行以下命令以確保它再次正常工作。

在您項目的根目錄中

rm -rf node_modules/
rm -rf package-lock.json

（如果它沒有刪除 node_modules 只需從您的文件夾中刪除它）

最后，運行以下命令。

npm install

然后

npm start

Answer 11

轉到 node_modules 文件夾並打開 react-scripts/package.json ，找到 eslint 依賴項並進行更改。 它以這種方式固定。

Answer 12

https://github.com/wesbos/eslint-config-wesbos/issues/17

在上面提到的鏈接中，他們建議安裝 @abhijithvijayan/eslint-config 作為對等依賴項。 看看這是否適合你。

Answer 13

你可能會像這樣安裝全局 eslint

{22:14}~/go/src/github.com ➭ npm ls eslint      
/Users/demon
└── eslint@6.1.0 

然后運行

{22:14}~/go/src/github.com ➭ npm uninstall eslint

在全局終端而不是 vscode 的終端中。 然后運行

npm start

Answer 14

我剛剛使用了這個命令：“npm uninstall eslint”。 后來我只是使用 npm run start 運行 mu=y 代碼，它工作了。 我不必刪除或編輯任何文件

Answer 15

將 SKIP_PREFLIGHT_CHECK=true 添加到項目中的 .env 文件。

Answer 16

項目依賴樹可能有問題。 這可能不是 Create React App 中的錯誤，而是您需要在本地修復的問題。

Create React App 提供的 react-scripts 包需要一個依賴：

"eslint": "5.6.0"

不要嘗試手動安裝：您的包管理器會自動安裝。 但是，在樹的更高位置檢測到了不同版本的 eslint：

/Users/macbook/node_modules/eslint（版本：3.19.0）

眾所周知，手動安裝不兼容的版本會導致難以調試的問題。

如果更願意忽略此​​檢查，請將 SKIP_PREFLIGHT_CHECK=true 添加到項目中的 .env 文件中。 這將永久禁用此消息，但您可能會遇到其他問題。

要修復依賴樹，請嘗試按照以下確切順序執行以下步驟：

1. 刪除項目文件夾中的 package-lock.json（不是 package.json！）和/或 yarn.lock。
2. 刪除項目文件夾中的 node_modules。
3. 從項目文件夾中的 package.json 文件中的依賴項和/或 devDependencies 中刪除“eslint”。
4. 運行 npm install 或 yarn，具體取決於您使用的包管理器。

在大多數情況下，這應該足以解決問題。 如果這沒有幫助，您還可以嘗試其他一些方法：

5. 如果您使用 npm，請安裝 yarn ( http://yarnpkg.com/ ) 並用它重復上述步驟。 這可能會有所幫助，因為 npm 存在已知的包提升問題，這些問題可能會在未來版本中得到解決。

6. 檢查 /Users/macbook/node_modules/eslint 是否在您的項目目錄之外。 例如，您可能不小心在主文件夾中安裝了某些東西。

7. 嘗試在您的項目文件夾中運行 npm ls eslint。 這將告訴您安裝了 eslint 的其他包（除了預期的 react-scripts）。

如果沒有其他幫助，請將 SKIP_PREFLIGHT_CHECK=true 添加到項目中的 .env 文件中。 如果您無論如何都想繼續，這將永久禁用此預檢檢查。

PS 我們知道這條消息很長，但請閱讀上面的步驟 :-) 我們希望它們對您有所幫助！

npm 錯誤！ 代碼 ELIFECYCLE npm ERR！ 錯誤號 1 npm 錯誤號！ my-app@0.1.0 start: react-scripts start npm ERR！ 退出狀態 1 npm ERR！ npm 錯誤！ 在 my-app@0.1.0 啟動腳本中失敗。 npm 錯誤！ 這可能不是 npm 的問題。 上面可能有額外的日志輸出。

npm 錯誤！ 可以在以下位置找到此運行的完整日志：npm ERR！ /Users/macbook/.npm/_logs/2018-11-01T15_26_42_405Z-debug.log