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

Question

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

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

"babel-eslint": "9.0.0"

不要尝试手动安装：您的包管理器会自动安装。 但是，在树的更高位置检测到了不同版本的 babel-eslint：

Answer 1

在您的项目文件中创建.env文件并添加以下语句

SKIP_PREFLIGHT_CHECK=true

保存文件

删除 node_modules、yarn.lock、package.lock

然后重新安装 node_modules

npm install

这应该工作

Answer 2

我遇到了同样的问题并执行了所有建议的步骤，但问题仍然存在，所以，我的错误是我在其他具有此结构的 Javascript 应用程序中有一个 reactApp。

--MyProjects
----NodeJsApp
----node_modules of NodeJsApp
----package.json of NodeJsApp
----ReactApp
------node_modules of ReactApp
------package.json of ReactApp

这个问题解决了我删除我的 ReactApp node_modules 目录，然后我重新构造了我的目录，因为我遇到了灾难。

--MyProjects
----NewDirectory (inside all about NodeJsApp)
------node_modules of NodeJsApp
------package.json of NodeJsApp
----ReactApp
------package.json of ReactApp

之后我做：

npm install

然后npm start并且我的问题已经解决，我认为问题在于父目录不能有 javascript /nodeJs/ 项目或具有 node_modules 的东西。

Answer 3

您提供的部分输出说：

检查 C:\\Users\\chawki\\node_modules\\babel-eslint 是否在你的项目目录之外。 例如，您可能不小心在主文件夹中安装了某些东西。

浏览到C:\\Users\\chawki\\node_modules\\并删除babel-eslint文件夹，或者直接删除C:\\Users\\chawki\\node_modules 。

Answer 4

我刚刚删除了node_modules文件夹（对我来说是C:\\user\\[yourUserName]\\node_modules\\ ）并重新安装它。

Answer 5

这里我做了什么...

1. C:\\user\\[yourUserName]\\node_modules\\babel-eslint并删除文件
2. C:\\user\\[yourUserName]\\node_modules\\eslint并删除文件

Answer 6

从计算机上的节点模块中删除eslint和babel-eslint文件，例如-C:\\Users\\vishnu\\node_modules -delete eslint和babel-eslint文件。

在您的项目中：

yarn remove eslint
yarn add --dev eslint@6.1.0

yarn remove babel-eslint
yarn add --dev babel-eslint@10.0.3

Answer 7

在 package.json 中

resolutions:{
    "babel-eslint": "9.0.0"
}

如果您重新安装所有依赖项，您将强制“babel-eslint”版本为“9.0.0”。 如果您启动您的应用程序，您将没有问题。

Answer 8

我的问题是我将 webpack 安装为全局包...在我删除 webpact 并运行 npm install 后，问题就消失了

Answer 9

确保您没有全局 webpack 包或目录结构更高的位置。 就我而言，我在全球范围内安装了它。 删除然后运行 ​​npm install 然后 npm start 完美地工作。

Answer 10

运行npm ls babel-eslint并查看哪些依赖项正在使用它或安装其他版本。 尝试更新这些库。

它对我有用。

Answer 11

要修复依赖树，请尝试按照以下确切顺序执行以下步骤：

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/shayon/node_modules/webpack 是否在您的项目目录之外。 例如，您可能不小心在主文件夹中安装了某些东西。

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

如果没有其他帮助，请将 SKIP_PREFLIGHT_CHECK=true 添加到项目中的 .env 文件中。 如果您无论如何都想继续，这将永久禁用此预检检查。