Node.js 添加网页包时出现项目依赖项错误

我已经用下面的命令安装了webpack

yarn add webpack --dev

在我运行react应用程序文件夹中的启动命令之后

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

下面是一个错误

纱线运行v1.19.0$react脚本开始

项目依赖关系树可能有问题。它是 可能不是CreateReact应用程序中的错误，而是需要修复的东西 在当地

Create react App提供的react脚本包需要 依赖关系：

“网页包”：“4.29.6”

不要尝试手动安装：您的软件包管理器会这样做 自动地但是，检测到不同版本的Web包 在树的上面：

D:\Workspace\fuel man ui\fuel man ui\node\U模块\webpack（版本： 4.41.0）

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

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

要修复依赖关系树，请尝试按照以下步骤进行操作 订单：

删除项目文件夹中的package-lock.json（不是package.json！）和/或warn.lock

删除项目文件夹中的节点模块

从项目文件夹中package.json文件中的依赖项和/或devdependency中删除“webpack”

运行npm install或Thread，具体取决于您使用的软件包管理器

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

如果您使用了npm，请安装Thread（），并用它重复上述步骤。 这可能会有所帮助，因为npm在包装吊装方面存在已知问题，这些问题可能会在未来的版本中得到解决

检查D:\Workspace\fuel man ui\fuel man ui\node\u modules\webpack是否在外部 您的项目目录。 例如，您可能意外地在主文件夹中安装了某些内容

尝试在项目文件夹中运行npm ls网页。 这将告诉您安装了哪个其他软件包（除了预期的react脚本）

如果没有其他帮助，请将SKIP\u PREFLIGHT\u CHECK=true添加到.env文件中 在你的项目中。这将永久禁用此飞行前检查 以防你想继续

另外，我们知道此消息很长，但请阅读上面的步骤：-） 我们希望他们对您有所帮助

错误命令失败，退出代码为1。信息访问 获取有关此的文档 指挥部

我运行了

npmls网页

，来到树下

fuel-man-ui@0.1.0 D:\Workspace\fuel-man-ui\fuel-man-ui
+-- react-scripts@3.0.1
| `-- webpack@4.29.6
|   `-- webpack@4.41.0  extraneous
`-- webpack@4.41.0

npm ERR! extraneous: webpack@4.41.0 D:\Workspace\fuel-man-ui\fuel-man-ui\node_modules\react-scripts\node_modules\webpack\node_modules\webpack

Create react App提供的react脚本包需要 依赖关系：

“网页包”：“4.29.6”

不要尝试手动安装：您的软件包管理器会这样做 自动地但是，检测到不同版本的Web包 在树的上面：

在项目根目录中，删除节点_modules和warn.lock。在package.json中，从依赖项中删除webpack并再次运行

如果您想修改此项目的webpack.config，您可以从此处开始运行，因为您负责webpack.config，因此更新react脚本将更加困难

---

如果你不想对webpack.config负责，你可以试着用一篇文章来说明这是昨天我遇到的问题。在我的例子中，我安装了两个

node

（一个使用

brew

，一个使用下载的dmg文件）。当我删除通过brew安装的软件时，它起到了帮助作用

您应该在根目录中创建

.env

文件（不在

src

文件夹中），并添加

SKIP\u PREFLIGHT\u CHECK=true

---

然后您可以使用

纱线开始

或

npm开始

。它起作用了

文件.env中添加了

跳过飞行前检查=true

，该文件来自您正在使用的日志

创建react app

，它与webpack捆绑在一起。。为什么要添加..网页包？如果您阅读它，它会在日志中给出原因：不要尝试手动安装：您的包管理器会自动安装。但是，在树的更高位置检测到一个不同版本的网页包：没有网页包，我的css模块在没有网页的情况下无法工作网页包是自动安装的，因为你使用了create react app。我是否需要在DevDependence中添加网页包，以使css模块工作？你的意思是网页包是默认安装的？无需显式安装网页包。但我的css模块无法使用默认网页包installed@pappu_kutty如果您只想添加模块，可以使用rewire将模块添加到rewire配置。我的css模块不工作。。我被告知添加网页包依赖项以使其工作。。。可能我应该使用Dragos@pappu_kutty这将是最简单的解决办法。但是如果你真的需要修改webpack.config，你可以在弹出配置之前选择react app rewired。。。我正在关注这篇帖子嗨，欢迎来到stack overflow。要获得有用的答案，请解释为什么这是问题的答案。

fuel-man-ui@0.1.0 D:\Workspace\fuel-man-ui\fuel-man-ui
+-- react-scripts@3.0.1
| `-- webpack@4.29.6
|   `-- webpack@4.41.0  extraneous
`-- webpack@4.41.0

npm ERR! extraneous: webpack@4.41.0 D:\Workspace\fuel-man-ui\fuel-man-ui\node_modules\react-scripts\node_modules\webpack\node_modules\webpack