为什么 webpack-dev-server 3.11.1 的 React npm start return 错误？

Question

我的 React 应用程序 npm start 出现以下错误：

The react-scripts package provided by Create React App requires a dependency:

  "webpack-dev-server": "3.11.1"

Don't try to install it manually: your package manager does it automatically.
However, a different version of webpack-dev-server was detected higher up in the tree:

  C:\Users\Username\node_modules\webpack-dev-server (version: 3.11.0)

通常我通过运行以下代码解决此类问题：npm install react-scripts@latest.

但是现在好像React还没有更新到最新的webpack-dev-server

现在的问题是如何解决这个问题。顺便说一下，我的项目使用 npx create-react-app，谢谢！

Answer 1

首先，删除 node_modules 文件夹和 yarn-lock 或 package-lock.json 文件。

然后，将此行添加到您的 .env 文件中：

SKIP_PREFLIGHT_CHECK=true

现在您可以在重新安装软件包后执行 npm start 或 yarn start。它应该有效。

解释：

出于某些原因，您在项目的 node_modules 中安装了两个版本的 webpack-dev-server。通过在 .env 文件中设置 SKIP_PREFLIGHT_CHECK=true，我们告诉 npm 忽略此类版本问题。

Answer 2

检查 node_modules 和 package-lock.json 是否存在于您的主文件夹中，而不是您的项目文件夹中。如果是，请删除这两个文件夹，然后转到 npm start.

Answer 3

我在反应项目中写了以下命令在命令提示符下打开项目

npm uninstall -g webpack-dev-server
从 node_modules(C:/Users/UserName/Node_Modules)
npm i -g webpack-dev-server@3.11.1
删除包-lock.json 并编写 npm install

之后你的 React 项目可能会被 npm start 启动

为什么 webpack-dev-server 3.11.1 的 React npm start return 错误？

Why React npm start return error for webpack-dev-server 3.11.1?

npm

reactjs

webpack

npx