无法从react-script

时间：2018-10-02 10:39:55

标签： node.js reactjs react-native npm webpack

我正在尝试制作一个todo-app来进行反应，这对我来说是新的。但是，一旦安装了webpack，npm start将无法正常工作。它给了我

  

my-todo-react@0.1.0开始/ home / hanna / Desktop / projects / my-todo-react   反应脚本开始

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

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 install或yarn。

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

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

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

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

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

P.S。我们知道此消息很长，但是请阅读上述步骤:-)我们希望您发现它们有帮助！

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

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

18 个答案:

答案 0 :(得分：7)

要解决此问题，我必须从node-modules文件夹中卸载webpack和webpack-dev-server，然后以不同的版本重新安装它们。

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

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

    private func generateMessages() {
    let userReference = userReference(userID: AppDelegate.shared.user!.userID, fullName: AppDelegate.shared.user!.fullName, status: .buddy)
    guard let stringText = textField.text else { return }
    let message = AppDelegate.shared.userMessages[stringText]
    let addMessage = "\(AppDelegate.shared.addMessage(stringText, to: self.conversation!, sender: userReference, type: .text, date: message?.date))"
    self.tableObjects.append(addMessage)
    self.tableView.beginUpdates()
    let indexPath = IndexPath(row: self.tableObjects.count - 1, section: 0)
    self.tableView.insertRows(at: [indexPath], with: .top)
    self.tableView.endUpdates()
    self.tableView.scrollToRow(at: indexPath, at: .top, animated: true)
    textField.text = nil
}

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

  4. 再次打开节点模块

    npm uninstall webpack
npm uninstall webpack-dev-server

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

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

它对我有用，希望对您有帮助。

答案 1 :(得分：3)

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

然后尝试运行yarn start。

答案 2 :(得分：3)

由于该项目似乎使用Create React App，因此Webpack可能已经是package.json中的依赖项。因此，安装它的简单方法是转到项目目录，然后在终端中键入npm install（或yarn install）。

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

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

答案 3 :(得分：2)

我今天有类似的问题。我通过以下步骤解决了问题：

  1. 执行npm ls webpack->找出我已经在文件夹之外安装了Webpack（“像您的文件夹... / home / hanna / node_modules / webpack）。
  2. 然后cd进入该位置（/ home / hanna / node_modules /）并执行npm install webpack@4.19.1。 这样，我就可以在项目文件夹中使用相同版本的Webpack。

然后，当我运行npm start时，它运行正常。

答案 4 :(得分：2)

转到运行npm start的项目目录，然后运行命令

touch .env

如果您的项目中没有预先存在的.env文件，它将创建该文件。 进入.env文件并添加以下代码（如果您在LINUX上，则可以通过键入nano .env来执行此操作，否则只需使用文本编辑器即可。 SKIP_PREFLIGHT_CHECK=true

保存文件，然后尝试再次运行npm start。 此解决方案正是错误消息中所建议的，并且对我有用

答案 5 :(得分：1)

  • 步骤 1：在根目录中创建一个 .env 文件
  • 第 2 步：将此行添加到您的 .env 文件中：SKIP_PREFLIGHT_CHECK=true
  • 第 3 步：再次npm start

答案 6 :(得分：1)

我认为，如果您全局安装了webpack软件包，则可能会导致此类错误。全局删除它可能会解决问题。这就是我在这里所做的，并且有效。

npm uninstall webpack
npm uninstall webpack-dev-server

从您的根目录中删除node_modules文件夹和package-lock.json文件

##thompsonmax##

然后，您现在可以对应用程序运行命令了，

create-react-app react-app

答案 7 :(得分：1)

执行此操作

此终端的第一个代码-> 

 yarn add --dev dotenv

在根目录中创建.env文件，然后在.env文件中添加以下行

 SKIP_PREFLIGHT_CHECK=true

答案 8 :(得分：1)

转到/home/hanna并键入npm i webpack@required_dependency。它应该可以解决您的问题。

答案 9 :(得分：1)

如果仍然有人遇到此问题并使用yarn而不是npm可以做到（我是Mac用户）：

  • 打开一个终端
  • 键入yarn remove webpack
  • 使用文件浏览器进入您的项目目录
  • 删除那里的所有内容
  • 打开您的代码编辑器
  • 删除隐藏的文件管理器（ETC：.env或.gitignore文件）（如果存在）
  • 在项目目录中，打开一个终端，然后键入npx create-react-app .，然后按Enter。
  • 下载后，输入yarn start重启应用。

对我有用。它从react-scripts中下载了所需的Web Pack。

答案 10 :(得分：1)

我要解决的一个办法是转到“主页”文件夹并删除node_modules 文件夹和package-lock.json文件。

之后工作。

答案 11 :(得分：0)

由于版本较新，这对我有用：

  1. 在项目文件夹之外的node_modules文件夹上打开一个终端窗口（命令提示符）

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

    npm uninstall webpack
npm uninstall webpack-dev-server

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

  4. 再次打开node_modules 

    npm install webpack@4.28.3
npm install webpack-dev-server@3.1.14

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

    npm install

答案 12 :(得分：0)

我遇到了相同的问题：

删除node-modules文件夹和package-lock.json文件 下载并安装node.js npm安装webpack@4.19.1 npm安装webpack-dev-server@3.1.9

从package.json中删除babel-eslint条目

在项目文件夹中使用此命令 npm install

然后开始纱线或启动npm

此问题已解决

答案 13 :(得分：0)

我认为，如果您全局安装了webpack软件包，则可能会导致此类错误。全局删除它可能会解决问题。这就是我在这里所做的，并且有效。

答案 14 :(得分：0)

我找不到卸载整个节点模块文件夹的方法，唯一的方法是使用命令行删除整个文件

rm -rf node_modules

答案 15 :(得分：0)

  • npx create-react-app nameOfYourApp
  • 找到您的 nameOfYourApp 在哪里，并将 src 文件夹替换为上一个项目中的文件夹
  • 使用新的nameOfYourApp

答案 16 :(得分：0)

如果您有多个具有不同版本依赖项的 node_modules 文件夹，其中一个可能会与另一个发生冲突 - 请执行以下操作：

  1. 按照最初在项目目录中提供的步骤 1-4 并在本地提交更新的更改~

我。删除项目文件夹中的 package-lock.json（不是 package.json！）和/或 yarn.lock。

二。删除项目文件夹中的 node_modules。

三。从项目文件夹的 package.json 文件中的依赖项和/或 devDependencies 中删除 webpack。

四。运行 npm install 或 yarn，具体取决于您使用的包管理器。

  1. 找到不在你的项目文件夹中的node_modules文件夹的位置~这一行 - (/home/hanna/node_modules/webpack)

  2. 删除它

  3. npm start

应该可以:)！

答案 17 :(得分：0)

您的问题是您安装了Webpack版本：4.20.2

您需要安装早期版本“ webpack”：“ 4.19.1”`

enter image description here

您的问题是您安装了Webpack版本：4.20.2

您需要安装早期版本“ webpack”：“ 4.19.1”`..So 

$npm uninstall -g webpack

和

$npm install -g webpack@4.19.1

希望有帮助

相关问题
最新问题