无法从 react-script 卸载 webpack

Question

我试图在反应中制作一个待办事项应用程序，这对我来说是新的。但是一旦安装了 webpack，npm start 就不起作用了。它给了我：

my-todo-react@0.1.0 start /home/hanna/Desktop/projects/my-todo-react react-scripts start

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

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

“网络包”：“4.19.1”

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

/home/hanna/node_modules/webpack（版本：4.20.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，取决于你使用的包管理器。

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

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

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

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

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

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

npm 错误！代码 ELIFECYCLE npm 错误！ errno 1 npm 错误！ my-todo-react@0.1.0 开始： react-scripts start npm ERR！退出状态 1 npm ERR！ npm 错误！在 my-todo-react@0.1.0 启动脚本中失败。 npm 错误！这可能不是 npm 的问题。上面可能有额外的日志输出。

npm 错误！可以在以下位置找到此运行的完整日志：npm ERR！ /home/hanna/.npm/_logs/2018-10-02T10_39_06_361Z-debug.log

原文由 Hanna Kogut 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

在项目的根目录中创建一个 .env 文件并在文件中添加这一行 SKIP_PREFLIGHT_CHECK=true 。

然后尝试运行 yarn start 。

原文由 Sanjeet kumar 发布，翻译遵循 CC BY-SA 4.0 许可协议