无法从react-script卸载webpack

Question

我试图做一个todo-app in react,这对我来说是新的.但是一旦安装了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包需要依赖:

"webpack":"4.19.1"

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

/ home/hanna/node_modules/webpack(version: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,具体取决于您使用的包管理器.

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

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

6. 检查/ home/hanna/node_modules/webpack是否在项目目录之外.例如,您可能不小心在主文件夹中安装了某些内容.

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

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

PS我们知道此消息很长但请阅读上述步骤:-)我们希望您发现它们有用!

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

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

Answer 1

为了解决这个问题,我不得不从node-modules文件夹中卸载webpack和webpack-dev-server,然后再次安装它们,但是使用不同的版本.

1. 在项目文件夹外部的node-modules文件夹中打开cmd

2. 卸载webpack和webpack-dev-server:

   npm uninstall webpack
   npm uninstall webpack-dev-server
   

3. 从项目的文件夹中删除node-modules文件夹和package-lock.json文件.

4. 再次打开节点模块

   npm install webpack@4.19.1
   npm install webpack-dev-server@3.1.9
   

5. 在项目文件夹上使用此命令

   npm install
   

它为我做了伎俩,希望它也能帮到你.

Answer 2

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

然后尝试运行yarn start。

Answer 3

我的一种解决方案是转到我的“主页”文件夹并删除 node_modules 文件夹和 package-lock.json 文件。

后来工作了。

Answer 4

由于该项目看起来使用 Create React App，因此 Webpack 可能已经是package.json. 因此，安装它的简单方法是转到项目目录并在终端中输入npm install(或)。yarn install

如果使用 Webpack CLI 导致错误，可能是因为全局安装了不同的版本。

要全局卸载它，请输入npm -g uninstall webpack。