npm start not working for react while install react script (react script : 3.4.0 version)

Question

我是 React js 的新手，安装后使用 npm start 时反应不起作用，我尝试了每个进程但没有用。提前致谢

错误

cricdost@0.1.0 启动 C:\xampp\htdocs\cd-web 反应脚本开始

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

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

“webpack”：“4.41.2”

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

C:\xampp\htdocs\node_modules\webpack（版本：4.39.2）

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

如果您希望忽略此检查，请将 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:\xampp\htdocs\node_modules\webpack 是否在您的项目目录之外。 例如，您可能不小心在主文件夹中安装了一些东西。

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

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

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

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

npm 错误！可以在以下位置找到此运行的完整日志： npm 错误！ C:\Users\XSC-10261\AppData\Roaming\npm-cache_logs\2020-02-20T04_56_31_650Z-debug.log

Answer 1

我也遇到过同样的错误。我找到的解决方案是按照错误消息中的说明执行步骤 6。即删除根项目目录下node_module文件夹的“webpack”文件夹。例如

假设您在 D:\Projects 文件夹中安装了 "npm install create-react-app"。 然后在 D:\Projects 文件夹中运行 "npx create-react-app firstproject"。所以，你实际的 react 项目文件夹是 "D:\Projects\firstproject"。

所以，我想说的是不要删除“D:\Projects\firstproject\node_module”中的“webpack”文件夹 > 目录。而是在 “D:\Projects\node_module” 目录中删除 “webpack”文件夹。

然后，您可以在实际的 react 项目目录 "D:\Projects\firstproject" 中运行 "npm start" 命令。

我希望，这对你有用。