【问题标题】:react web conflict in dependecy tree在依赖树中反应网络冲突
【发布时间】:2021-02-27 12:56:46
【问题描述】:

我正在尝试学习 webpack,我已经下载了 webpack-dev-server,我遇到了这个问题如何解决这个问题

frame@0.1.0 开始
反应脚本开始

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

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

“webpack”:“4.44.2”

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

C:\Users\jacob\node_modules\webpack(版本:5.24.2) 众所周知,每年安装不兼容的版本会导致难以调试的问题。

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

要修复依赖关系树,请尝试按照以下步骤进行操作:

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

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

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

  2. 检查 C:\Users\jacob\node_modules\webpack 是否在您的 项目目录。 例如,您可能不小心安装了一些东西 在您的主文件夹中。

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

如果没有其他帮助,请将 SKIP_PREFLIGHT_CHECK=true 添加到项目中的 .env 文件中。 如果您仍然想继续,这将永久禁用此预检检查。

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

npm 错误!代码 1 npm 错误!路径 C:\Users\jacob\frame npm 错误!命令失败 npm 错误!命令 C:\WINDOWS\system32\cmd.exe /d /s /c react-scripts start

npm 错误!可以在以下位置找到此运行的完整日志: npm 错误! C:\Users\jacob\AppData\Local\npm-cache_logs\2021-02-28T02_36_44_243Z-debug.log

【问题讨论】:

    标签: reactjs npm webpack


    【解决方案1】:

    你不应该在 create-react-app 中使用你自己的 webpack 配置。如果您真的想这样做,请使用yarn ejectnpm eject。它会让你访问 CRA 的 webpack 配置。如果我是你,我会从头开始一个项目,将 React 作为一个简单的库下载,然后使用 Babel + Webpack 进行设置。学习起来会容易得多。

    【讨论】:

      猜你喜欢
      • 2021-07-19
      • 1970-01-01
      • 2022-01-25
      • 2011-03-12
      • 2019-12-24
      • 2021-12-14
      • 2022-01-24
      • 2021-12-03
      相关资源
      最近更新 更多