创建 React App 需要一个依赖项："babel-loader": "8.1.0"

Question

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

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

"babel-loader": "8.1.0"

不要尝试手动安装：您的包管理器会自动安装。但是，在树的更高位置检测到了不同版本的 babel-loader：

D:\Reactjs\node_modules\babel-loader（版本：8.0.6）

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

如果您希望忽略此检查，请将 SKIP_PREFLIGHT_CHECK=true 添加到项目中的 .e nv 文件中。这将永久禁用此消息，但您可能会遇到其他问题。

要修复依赖树，请尝试按照以下确切顺序执行以下步骤：

1. 删除项目文件夹中的 package-lock.json（不是 package.json！）和/或 yarn.lock。
2. 删除项目文件夹中的 node_modules。
3. 从项目文件夹中的 packa ge.json 文件中的依赖项和/或 devDependencies 中删除“babel-loader”。
4. 运行 npm install 或 yarn，具体取决于您使用的包管理器。

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

5. 如果您使用 npm，请安装 yarn ( http://yarnpkg.com/ ) 并用它重复上述步骤。这可能会有所帮助，因为 npm 存在已知的包提升问题，这些问题可能会在未来版本中得到解决。

6. 检查 D:\Reactjs\node_modules\babel-loader 是否在你的项目目录之外。例如，您可能不小心在家中安装了一些较旧的东西。

7. 尝试在您的项目文件夹中运行 npm ls babel-loader。这将告诉您安装了 babel-loader 的其他包（除了预期的 react-scrip ts）。

如果没有其他帮助，请将 SKIP_PREFLIGHT_CHECK=true 添加到项目中的 .env 文件中。如果您无论如何都想继续，这将永久禁用此预检检查。

Answer 1

只需在您的中添加一个可选的 dep 即可package.json：

"optionalDependencies": {
  "babel-loader": "8.1.0"
},

...然后运行npm i或yarn再次运行。

Answer 2

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

npm i yarn -g

Answer 3

您之前可能已经在用户文件夹中安装了一个项目。检查node_modules目录和package-lock.json您的用户根目录。

您可以使用以下方法删除它们：

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

之后删除项目中的node_module目录和pack-lock.json文件，然后npm install再次运行。那么它应该工作。