创建React App需要一个依赖关系。"babel-loader": “8.1.0”

Posted 2021-05-07

项目依赖树可能存在问题.这可能不是 Create React App 中的 bug，而是您需要在本地修复的问题。

Create React App 提供的 react-scripts 包需要一个依赖关系。

"babel-loader": "8.1.0"

不要试图手动安装它：你的包管理器会自动安装.然而，在树的更高处检测到不同版本的babel-loader。

D:\Reactjs\node_modules\babel-loader (版本：8.0.6)

手动安装不兼容的版本会导致难以调试的问题。

如果你想忽略这个检查，请在你的项目中的.env文件中添加SKIP_PREFLIGHT_CHECK=true，这将永久地禁用这个消息，但你可能会遇到其他问题。

要修复依赖树，请尝试按照以下步骤的顺序进行。

1. 删除项目文件夹中的package-lock.json（不是package.json！）和yarn.lock。
2. 删除您项目文件夹中的 node_modules。
3. 删除您项目文件夹中package.json文件中的 "babel-loader "和devDependencies。
4. 根据您使用的软件包管理器，运行 npm install 或 yarn。

在大多数情况下，这应该足以解决这个问题。如果这还没有帮助，你可以尝试一些其他的事情。

5. 如果你使用npm，安装yarn (http:/yarnpkg.com)，然后用它来重复上面的步骤。这可能会有帮助，因为npm已知的包提升问题可能会在未来的版本中得到解决，所以请检查D:/Reactjs/node_modules/babel-loader是否在你的项目目录之外。

6. 检查D:\Reactjs\node_modules\babel-loader是否在你的项目目录之外。例如，您可能不小心把某些东西安装到了您的主文件夹中。

7. 试着在您的项目文件夹中运行npm ls babel-loader。这将告诉您除了预期的react-scripts之外，还有哪个包安装了babel-loader。

如果没有其他帮助，请在您的项目中的.env文件中添加SKIP_PREFLIGHT_CHECK=true，这将永久地禁用这个预检，以防您想继续进行。

答案

如果你还没有，请尝试故障排除指南。如果这也失败了，请创建一个 .env 在您的根目录下的文件中添加 SKIP_PREFLIGHT_CHECK=true。 然后用npm start重新启动。如果这样也没有用，就用yarn代替。它应该可以工作。对于大多数人来说，删除 node_modules 文件夹并重新安装就能解决这个问题。

npm i yarn -g