npm start不起作用。我已经尝试了一切。我很困惑

时间:2018-12-02 10:17:51

标签: node.js reactjs npm webpack

因此,每当我在 React 项目中运行 npm start 时,都会出现此错误:

  

myapp@0.1.0开始C:\ Users \ AyaLe \ Desktop \ React \ myapp react-scripts   开始

     

项目依赖关系树可能存在问题。它是   可能不是Create React App中的错误,而是您需要修复的问题   本地。

     

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

     

“ webpack”:“ 4.19.1”

     

不要尝试手动安装它:您的包管理器会执行   自动。但是,检测到其他版本的webpack   在树上更高的位置:

     

C:\ Users \ AyaLe \ node_modules \ webpack(版本:3.10.0)

     

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

     

如果希望忽略此检查,请将SKIP_PREFLIGHT_CHECK = true添加到   .env文件在您的项目中。这将永久禁用此消息   但您可能会遇到其他问题。

     

要修复依赖关系树,请尝试完全按照以下步骤操作   订单:

     
      
  1. 在项目文件夹中删除package-lock.json(不是package.json!)和/或yarn.lock。
  2.   
  3. 删除项目文件夹中的node_modules。
  4.   
  5. 从项目文件夹中package.json文件中的依赖项和/或devDependencies中删除“ webpack”。
  6.   
  7. 根据所使用的软件包管理器运行npm install或yarn。
  8.   
     

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

     
      
  1. 如果使用的是npm,请安装yarn(http://yarnpkg.com/)并重复上述步骤。    这可能会有所帮助,因为npm的软件包吊装存在已知问题,将来的版本中可能会解决该问题。

  2.   
  3. 检查C:\ Users \ AyaLe \ node_modules \ webpack是否在项目目录之外。    例如,您可能不小心在主文件夹中安装了某些内容。

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

  6.   
     

如果没有其他帮助,请将SKIP_PREFLIGHT_CHECK = true添加到.env文件   在您的项目中。这将永久禁用此飞行前检查   如果您仍然要继续进行操作。

     

P.S。我们知道此消息很长,但请阅读上述步骤:-)   我们希望您对他们有所帮助!

     

npm错误!代码ELIFECYCLE npm ERR! errno 1 npm错误! myapp@0.1.0开始:   react-scripts start npm错误!退出状态1 npm ERR! npm ERR!失败的   在myapp@0.1.0启动脚本中。 npm ERR!这可能不是   NPM的问题。上面可能还有其他日志记录输出。

     

npm错误!有关此运行的完整日志,请参见:npm ERR!
  C:\ Users \ AyaLe \ AppData \ Roaming \ npm-cache_logs \ 2018-12-02T10_15_24_630Z-debug.log

每当我尝试安装webpack-cli时,它都会提示我另一个错误

2 个答案:

答案 0 :(得分:5)

您似乎已全局安装了"webpack": "3.10.0",但需要安装"webpack": "4.19.1"。这引起了冲突。

您需要执行以下操作:

1. $npm uninstall -g webpack
2. $npm install -g webpack@4.19.1

这应该可以解决问题。

或者,您可以尝试删除node_modules中的webpack文件夹,或者删除node_modules中的#Constants { includeNativeBool: true; lightweightPickerBool: true; /* It's necessary to use the "setStartDate" and "setEndDate" of the Picker */ } 文件夹,位于以下位置:

  

C:\ Users \ AyaLe \ node_modules \ webpack(版本:3.10.0)

答案 1 :(得分:0)

似乎您安装了错误版本的“ webpack”。检查您的package.json文件,以确保您具有正确的'webpack'版本。

文件应如下所示:

{ 
    ... , 
    "dependencies" : { 
        ..., 
        "webpack" : "<version number>" 
    } 
}

确保版本号正好是4.19.1。这将确保您安装特定版本的Webback。

一旦更改/更新package.json,请尝试删除node_modules/目录,然后在npm install所在的目录中运行package.json