“babel-eslint”不能讓我安裝反應

Question

我正在設置一個新的 react 應用程序，安裝了它，然后我為 react 應用程序添加了一個名稱，我開始遇到babel-eslint問題

投資組合@0.1.0 開始 C:\\Users\\Samson Adedayo\\Desktop\\portfolio
反應腳本開始

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

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

"babel-eslint": "10.0.2"

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

C:\\Users\\Samson Adedayo\\Desktop\\node_modules\\babel-eslint（版本：10.0.1）

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

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

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

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

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

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

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

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

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

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

npm 錯誤！ 代碼 ELIFECYCLE npm ERR！ 錯誤號 1 npm 錯誤號！ 投資組合@0.1.0 開始： react-scripts start npm ERR！ 退出狀態 1 npm ERR！ npm 錯誤！ 在portfolio@0.1.0 啟動腳本失敗。 npm 錯誤！ 這可能不是 npm 的問題。 上面可能有額外的日志輸出。

npm 錯誤！ 可以在以下位置找到此運行的完整日志：npm ERR！ C:\\Users\\Samson Adedayo\\AppData\\Roaming\\npm-cache_logs\\2019-09-11T18_30_41_153Z-debug.log

Answer 1

我遇到了同樣的問題。 有時 create-react-app 沒有正確安裝它的依賴項。 為了解決這個問題，我做了以下事情：

• 刪除節點模塊文件夾
• 刪除 package-lock.json (NOT PACKAGE.JSON)
• 手動將 babel-eslint 添加到 package.json

• 為此，將"babel-eslint": "10.0.2"到依賴項列表的末尾

  • 最后，運行npm i就可以了

Answer 2

在您的 react-app 文件夾中創建.env文件並在其中粘貼以下行

SKIP_PREFLIGHT_CHECK=true

你的問題會得到解決