为什么 React npm start 返回 webpack-dev-server 3.11.1 的错误？答案

【问题标题】：Why React npm start return error for webpack-dev-server 3.11.1?为什么 React npm start 返回 webpack-dev-server 3.11.1 的错误？
【发布时间】：2021-05-30 09:27:37
【问题描述】：

我的 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，谢谢！

【问题讨论】：

非常感谢@zhulien的编辑

标签： reactjs npm webpack npx

【解决方案1】：

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

npm 卸载 -g webpack-dev-server
从 node_modules(C:/Users/UserName/Node_Modules) 中删除 web-dev-server 文件夹
npm i -g webpack-dev-server@3.11.1
删除 package-lock.json 并编写 npm install

之后你的 react 项目可能由 npm start 启动

【讨论】：

这应该是正确的解决方案，因为它会保持 .env 文件完好无损

【解决方案2】：

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

【讨论】：

【解决方案3】：

首先，删除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 忽略此类版本问题。

【讨论】：