reactjs 为什么Webpack-dev-server 3.11.1的React npm start返回错误?

hc8w905p  于 2023-05-17  发布在  React
关注(0)|答案(4)|浏览(213)

在我的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为我的项目,谢谢!

wixjitnu

wixjitnu1#

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

  1. npm uninstall -g webpack-dev-server
    1.从node_modules中删除web-dev-server文件夹(C:/Users/UserName/Node_Modules)
  2. npm i -g webpack-dev-server@3.11.1
    1.删除package-lock.json并编写npm install
    在它之后,你的react项目可能会被npm start启动
c6ubokkw

c6ubokkw2#

首先,删除node_modules文件夹和yarn-lockpackage-lock.json文件。
然后,在.env文件中添加这一行:

SKIP_PREFLIGHT_CHECK=true

现在,您可以在重新安装软件包后执行npm startyarn start。应该可以的

说明:

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

rta7y2nd

rta7y2nd3#

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

7rfyedvj

7rfyedvj4#

标签:npm yarn
如果你使用的是npm,安装yarn(http://yarnpkg.com/)并使用它重复上面的步骤。
这可能会有所帮助,因为npm已经知道了包提升的问题,这些问题可能会在未来的版本中得到解决。

相关问题