“babel-eslint”不能让我安装反应

Question

我正在设置一个新的 react 应用程序，安装了它，然后我为 react 应用程序添加了一个名称，我开始遇到babel-eslint问题

投资组合@0.1.0 开始 C:\\Users\\Samson Adedayo\\Desktop\\portfolio
反应脚本开始

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

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

"babel-eslint": "10.0.2"

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

C:\\Users\\Samson Adedayo\\Desktop\\node_modules\\babel-eslint（版本：10.0.1）

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

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

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

1. 删除项目文件夹中的 package-lock.json（不是 package.json！）和/或 yarn.lock。
2. 删除项目文件夹中的 node_modules。
3. 从项目文件夹中的 package.json 文件中的依赖项和/或 devDependencies 中删除“babel-eslint”。
4. 运行 npm install 或 yarn，具体取决于您使用的包管理器。

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

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

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

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

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

PS 我们知道这条消息很长，但请阅读上面的步骤 :-) 我们希望它们对您有所帮助！

npm 错误！ 代码 ELIFECYCLE npm ERR！ 错误号 1 npm 错误号！ 投资组合@0.1.0 开始： react-scripts start npm ERR！ 退出状态 1 npm ERR！ npm 错误！ 在portfolio@0.1.0 启动脚本失败。 npm 错误！ 这可能不是 npm 的问题。 上面可能有额外的日志输出。

npm 错误！ 可以在以下位置找到此运行的完整日志：npm ERR！ C:\\Users\\Samson Adedayo\\AppData\\Roaming\\npm-cache_logs\\2019-09-11T18_30_41_153Z-debug.log

Answer 1

我遇到了同样的问题。 有时 create-react-app 没有正确安装它的依赖项。 为了解决这个问题，我做了以下事情：

• 删除节点模块文件夹
• 删除 package-lock.json (NOT PACKAGE.JSON)
• 手动将 babel-eslint 添加到 package.json

• 为此，将"babel-eslint": "10.0.2"到依赖项列表的末尾

  • 最后，运行npm i就可以了

Answer 2

在您的 react-app 文件夹中创建.env文件并在其中粘贴以下行

SKIP_PREFLIGHT_CHECK=true

你的问题会得到解决