提问者:小点点

无法从react-script卸载webpack


我试图在react中做一个todo-app,这对我来说是新的。但是一旦安装了webpack,npm start就不能工作了。它给了我:

My-Todo-React@0.1.0启动/Home/Hanna/Desktop/Projects/My-Todo-React react-scripts启动

项目依赖项树可能有问题。这可能不是Create React应用程序中的一个bug,而是需要在本地修复的东西。

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

“WebPack”:“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安装或纱线,具体取决于您使用的包管理器。

在大多数情况下,这应该足以修复问题。如果这没有帮助,你可以尝试其他一些方法:

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

检查/home/hanna/node_modules/webpack是否在项目目录之外。例如,您可能意外地在主文件夹中安装了一些东西。

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

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

附注。我们知道这条消息很长,但请阅读上面的步骤:-)我们希望你发现它们对你有帮助!

npm错误!代码ELIFECYCLE npm错误!错误号1 npm错误!my-todo-react@0.1.0启动:react-scripts startnpm错误!退出状态%1 npm错误!npm错误!my-todo-react@0.1.0启动脚本失败。npm错误!这可能不是NPM的问题。上面可能还有其他日志记录输出。

npm错误!此运行的完整日志可在:npm err!/home/hanna/.npm/_logs/2018-10-02t10_39_06_361z-debug.log


共3个答案

匿名用户

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

然后尝试运行纱线启动

匿名用户

为了解决这个问题,我必须从node-modules文件夹中卸载webpack和webpack-dev-server,然后重新安装它们,但使用不同的版本。

>

  • 打开项目文件夹外的“节点-模块”文件夹上的cmd

    卸载webpack和webpack-dev-server:

    npm uninstall webpack
    npm uninstall webpack-dev-server
    

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

    再次打开节点模块

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

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

    npm install
    

    它帮了我的忙,希望它也能帮到你。

  • 匿名用户

    我的一个解决方案是转到我的“home”文件夹,删除node_modules文件夹和package-lock.json文件。

    后来奏效了。