当我尝试启动 React 应用程序时,会显示一些错误

时间:2021-07-24 08:05:53

标签: reactjs

<块引用>

first-react-app@0.1.0 start /home/reshi/first-react-app 反应脚本开始

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

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

"webpack": "4.44.2"

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

/home/reshi/node_modules/webpack(版本:5.44.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,请安装 yarn (http://yarnpkg.com/) 并使用它重复上述步骤。 这可能会有所帮助,因为 npm 存在包提升方面的已知问题,这些问题可能会在未来版本中得到解决。

  2. 检查 /home/reshi/node_modules/webpack 是否在您的项目目录之外。 例如,您可能不小心在主文件夹中安装了某些东西。

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

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

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

npm 错误!代码生命周期 npm 错误!错误号 1 npm 错误! first-react-app@0.1.0 开始:react-scripts start npm 错误!退出状态 1 npm 错误! npm 错误!在 first-react-app@0.1.0 启动脚本失败。 npm 错误!这可能不是 npm 的问题。上面可能有额外的日志输出。

npm 错误!可以在以下位置找到此运行的完整日志: npm 错误! /home/reshi/.npm/_logs/2021-07-24T07_58_05_810Z-debug.log reshi@reshi-HP-Laptop-15q-dy0xxx  ~/first-react-app   master ● ? ↑5 ↓7 ⍟1  ▶npm 启动

<块引用>

first-react-app@0.1.0 start /home/reshi/first-react-app 反应脚本开始

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

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

"webpack": "4.44.2"

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

/home/reshi/node_modules/webpack(版本:5.44.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,请安装 yarn (http://yarnpkg.com/) 并使用它重复上述步骤。 这可能会有所帮助,因为 npm 存在包提升方面的已知问题,这些问题可能会在未来版本中得到解决。

  2. 检查 /home/reshi/node_modules/webpack 是否在您的项目目录之外。 例如,您可能不小心在主文件夹中安装了某些东西。

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

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

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

npm 错误!代码生命周期 npm 错误!错误号 1 npm 错误! first-react-app@0.1.0 开始:react-scripts start npm 错误!退出状态 1 npm 错误! npm 错误!在 first-react-app@0.1.0 启动脚本失败。 npm 错误!这可能不是 npm 的问题。上面可能有额外的日志输出。

npm 错误!可以在以下位置找到此运行的完整日志: npm 错误! /home/reshi/.npm/_logs/2021-07-24T07_58_31_849Z-debug.log

1 个答案:

答案 0 :(得分:0)

删除项目文件夹中的 package-lock.json不是 package.json!)和/或 yarn.lock(如果有)。

删除项目文件夹中的 node_modules

从项目文件夹(如果有)的 webpack 文件中的依赖项和/或 devDependencies 中删除 package.json

使用此命令安装节点模块npm install--legacy-peer-deps

然后尝试运行 npm start --reset-cache

<块引用>

如果上面提到的步骤没有解决结帐这两个链接:

  1. https://stackoverflow.com/a/39960890

  2. https://www.codegrepper.com/code-examples/whatever/npm+ERR%21+code+ELIFECYCLE+npm+ERR%21+errno+1