“ babel-eslint”不能让我安装react

Question

我正在安装一个新的React App，安装完成后，我在React App中添加了一个名称，开始出现babel-eslint问题

  

portfolio@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。

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

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

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

3. 尝试在项目文件夹中运行npm ls babel-eslint。  这将告诉您除babel-eslint之外还安装了其他哪个软件包。

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

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

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

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

Answer 1

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

SKIP_PREFLIGHT_CHECK=true

您的问题将得到解决

Answer 2

我遇到了同样的问题。有时，create-react-app无法正确安装其依赖项。为了解决这个问题，我做了以下工作：

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

• 为此，请在您的末尾添加"babel-eslint": "10.0.2" 依赖项列表

  • 最后，运行npm i，您应该会很好