最新消息: 电脑我帮您提供丰富的电脑知识,编程学习,软件下载,win7系统下载。

添加webpack时反应项目依赖项错误

IT培训 admin 13浏览 0评论

添加webpack时反应项目依赖项错误

我已经使用以下命令安装了webpack

yarn add webpack --dev

并且在我的react app文件夹内运行yarn start命令之后

D:\Workspace\fuel-man-ui\fuel-man-ui>yarn start

得到以下错误。

yarn run v1.19.0 $ react-scripts start

项目依赖关系树可能存在问题。它是可能不是Create React App中的错误,而是您需要修复的问题本地。

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

“ webpack”:“ 4.29.6”

不要尝试手动安装:您的包管理器会安装自动。但是,检测到其他版本的webpack在树上更高的位置:

D:\ Workspace \ fuel-man-ui \ fuel-man-ui \ node_modules \ webpack(版本:4.41.0)

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

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

要修复依赖关系树,请尝试完全按照以下步骤操作顺序:

  1. 删除项目文件夹中的package-lock.json(不是package.json!)和/或yarn.lock。
  2. 删除项目文件夹中的node_modules。
  3. 从项目文件夹中package.json文件中的依赖项和/或devDependencies中删除“ webpack”。
  4. 运行npm install或yarn,取决于您使用的软件包管理器。

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

  1. 如果使用npm,请安装纱线(/),并重复上述步骤。这可能会有所帮助,因为npm的程序包提升存在已知问题,将来的版本中可能会解决该问题。

  2. 检查D:\ Workspace \ fuel-man-ui \ fuel-man-ui \ node_modules \ webpack是否在外部您的项目目录。例如,您可能不小心在主文件夹中安装了某些内容。

  3. 尝试在您的项目文件夹中运行npm ls webpack。这将告诉您安装了Webpack的其他软件包(除了预期的react-scripts)。

[如果没有其他帮助,请将SKIP_PREFLIGHT_CHECK = true添加到.env文件在您的项目中。这将永久禁用此飞行前检查如果您仍然要继续操作。

P.S。我们知道此消息很长,但请阅读上述步骤:-)我们希望您对他们有所帮助!

错误命令失败,退出代码为1。。

i have deleted node_modules from my project and devdependencies, also i have removed global node_modules and cache. still getting same error.

我跑了npm ls webpack并进入树下

[email protected] D:\Workspace\fuel-man-ui\fuel-man-ui
+-- [email protected]
| `-- [email protected]
|   `-- [email protected]  extraneous
`-- [email protected]

npm ERR! extraneous: [email protected] D:\Workspace\fuel-man-ui\fuel-man-ui\node_modules\react-scripts\node_modules\webpack\node_modules\webpack
回答如下:

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

“ webpack”:“ 4.29.6”

不要尝试手动安装:您的包管理器会安装自动。但是,检测到其他版本的webpack在树上更高的位置:

在项目根目录中,删除node_modules和yarn.lock。在package.json中,从依赖项中删除webpack并再次运行yarn。

如果您要为此项目修改webpack.config,则可以从此处运行yarn eject,因为您负责webpack.config,因此将很难更新React脚本。

[如果您不想对webpack.config负责,则可以尝试使用react-app-rewired,有关此的文章是here

添加webpack时反应项目依赖项错误

我已经使用以下命令安装了webpack

yarn add webpack --dev

并且在我的react app文件夹内运行yarn start命令之后

D:\Workspace\fuel-man-ui\fuel-man-ui>yarn start

得到以下错误。

yarn run v1.19.0 $ react-scripts start

项目依赖关系树可能存在问题。它是可能不是Create React App中的错误,而是您需要修复的问题本地。

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

“ webpack”:“ 4.29.6”

不要尝试手动安装:您的包管理器会安装自动。但是,检测到其他版本的webpack在树上更高的位置:

D:\ Workspace \ fuel-man-ui \ fuel-man-ui \ node_modules \ webpack(版本:4.41.0)

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

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

要修复依赖关系树,请尝试完全按照以下步骤操作顺序:

  1. 删除项目文件夹中的package-lock.json(不是package.json!)和/或yarn.lock。
  2. 删除项目文件夹中的node_modules。
  3. 从项目文件夹中package.json文件中的依赖项和/或devDependencies中删除“ webpack”。
  4. 运行npm install或yarn,取决于您使用的软件包管理器。

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

  1. 如果使用npm,请安装纱线(/),并重复上述步骤。这可能会有所帮助,因为npm的程序包提升存在已知问题,将来的版本中可能会解决该问题。

  2. 检查D:\ Workspace \ fuel-man-ui \ fuel-man-ui \ node_modules \ webpack是否在外部您的项目目录。例如,您可能不小心在主文件夹中安装了某些内容。

  3. 尝试在您的项目文件夹中运行npm ls webpack。这将告诉您安装了Webpack的其他软件包(除了预期的react-scripts)。

[如果没有其他帮助,请将SKIP_PREFLIGHT_CHECK = true添加到.env文件在您的项目中。这将永久禁用此飞行前检查如果您仍然要继续操作。

P.S。我们知道此消息很长,但请阅读上述步骤:-)我们希望您对他们有所帮助!

错误命令失败,退出代码为1。。

i have deleted node_modules from my project and devdependencies, also i have removed global node_modules and cache. still getting same error.

我跑了npm ls webpack并进入树下

[email protected] D:\Workspace\fuel-man-ui\fuel-man-ui
+-- [email protected]
| `-- [email protected]
|   `-- [email protected]  extraneous
`-- [email protected]

npm ERR! extraneous: [email protected] D:\Workspace\fuel-man-ui\fuel-man-ui\node_modules\react-scripts\node_modules\webpack\node_modules\webpack
回答如下:

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

“ webpack”:“ 4.29.6”

不要尝试手动安装:您的包管理器会安装自动。但是,检测到其他版本的webpack在树上更高的位置:

在项目根目录中,删除node_modules和yarn.lock。在package.json中,从依赖项中删除webpack并再次运行yarn。

如果您要为此项目修改webpack.config,则可以从此处运行yarn eject,因为您负责webpack.config,因此将很难更新React脚本。

[如果您不想对webpack.config负责,则可以尝试使用react-app-rewired,有关此的文章是here

发布评论

评论列表 (0)

  1. 暂无评论