如何使用 npm-start 解决 react webpack 问题

Question

这是我的错误页面：

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

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

"webpack": "4.19.1"

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

C:\Users\Acer\node_modules\webpack（版本：4.28.3）

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

如果您希望忽略此检查，请将 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，具体取决于您使用的包管理器。

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

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

6. 检查 C:\Users\Acer\node_modules\webpack 是否在您的项目目录之外。例如，您可能不小心在主文件夹中安装了某些东西。

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

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

PS 我们知道这条消息很长，但请阅读上面的步骤 :-) 我们希望它们对您有所帮助！

npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! first-app@0.1.0 start: `react-scripts start`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the first-app@0.1.0 start script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR!     C:\Users\Acer\AppData\Roaming\npm-cache\_logs\2019-01-03T12_30_23_160Z-debug.log

我已经应用了所有步骤，但是 npm start 命令仍然不起作用。我该怎么办？

Answer 1

我得到了解决方案！重点关注第 6 点：它要求删除项目目录外的 node_modules 文件夹。

所以，我删除了我的C:\Users\Acer\node_modules文件夹并npm start为我工作！！