无法从react-script

Question

我正在尝试制作一个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

Answer 1

要解决此问题，我必须从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
   

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

Answer 2

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

然后尝试运行yarn start。

Answer 3

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

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

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

Answer 4

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

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时，它运行正常。

Answer 5

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

touch .env

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

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

Answer 6

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

Answer 7

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

npm uninstall webpack
npm uninstall webpack-dev-server

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

##thompsonmax## 

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

create-react-app react-app

Answer 8

执行此操作

此终端的第一个代码->

 yarn add --dev dotenv

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

 SKIP_PREFLIGHT_CHECK=true 

Answer 9

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

Answer 10

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

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

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

Answer 11

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

之后工作。

Answer 12

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

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
   

Answer 13

我遇到了相同的问题：

删除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

此问题已解决

Answer 14

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

Answer 15

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

rm -rf node_modules

Answer 16

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

Answer 17

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

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

---

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

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

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

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

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

3. 删除它

4. npm start

应该可以:)！

Answer 18

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

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

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

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

$npm uninstall -g webpack

和

$npm install -g webpack@4.19.1

希望有帮助