错误：无法加载在“.eslintrc”中声明的解析器“babel-eslint”：在 create-react-app 中找不到模块“babel-eslint”

Question

尝试将eslint安装到create-react-app中，但在运行 linter 时出现下一个错误：

这是我的.eslintrc配置文件：

{
  "extends": ["airbnb", "prettier", "prettier/react"],
  "plugins": ["prettier"],
  "parser": "babel-eslint"
}

如果手动安装babel-eslint ，它可能会基于项目和react-scripts依赖项之间的 package 冲突产生另一个错误：

Answer 1

要解决此问题，只需重用已安装的react-scripts中的babel-eslint依赖项。 更新您的配置：

{
  "extends": ["airbnb", "prettier", "prettier/react"],
  "plugins": ["prettier"],
  "parser": "react-scripts/node_modules/babel-eslint"
}

Answer 2

你安装了@babel/eslint-parser还是eslint-parser ？ 在我的情况下，我不得不使用@babel/eslint-parser和.eslintrc看起来像这样：

"parser": "@babel/eslint-parser",

Answer 3

在我的情况下，解决方案只是运行npm install eslint --save-dev来更新 eslint 版本

Answer 4

yarn add eslint --save-dev为我解决了这个问题！

Answer 5

这里有点晚了，但我想我会分享让我前进的原因......

我完全忽略了错误输出，它告诉我.eslintrc文件（正在寻找所述包）的位置。 正如你所看到的......我有一些随机的.eslintrc生活在我的项目之外，不知何故被捡起。

Failed to load parser 'babel-eslint' declared in '../.eslintrc': Cannot find module 'babel-eslint'

解决方案：

删除这个包最终为我修复了错误。 不确定该文件是如何到达那里的，但在以前的项目中是错误的。

我怀疑这与全局安装 babel-eslint 和 eslint 有关。

Answer 6

对我来说，这是因为确实没有安装该依赖项......我只是按照 GatsbyJS 的官方指南，它没有安装（不知道为什么该指南不完整）。

所以只需： yarn add -D babel-eslint

Answer 7

❯ yarn add -D babel-eslint 
yarn add v1.22.15
[1/4] Resolving packages...
warning babel-eslint@10.1.0: babel-eslint is now @babel/eslint-parser. This package will no longer receive updates.

babel-eslint似乎已弃用，并且包现在作为babel下的 ES 模块提供，因此请删除babel-eslint并安装@babel/eslint-parser

yarn remove babel-eslint
yarn add -D @babel/eslint-parser

Answer 8

在项目根文件夹 eslint 上运行eslint . 将显示您可能需要安装的丢失的软件包，并且对我来说效果很好。

Answer 9

只需在 .eslintrc 中添加@babel/eslint-parser

Answer 10

至于我，我只需安装这个 npm install eslint@4.x babel-eslint@8 - g 它对我有用

Answer 11

我还有另一个“这对我有用”的答案。 像其他人一样，我的问题肯定与babel-eslint的弃用有关。 我的具体问题是eslint-config-react-app被标记为直接依赖项，我没有在升级react-scripts的主要版本时升级它，不知何故这给我留下了一个eslint-config-react-app版本eslint-config-react-app期待babel-eslint ，但只安装了@babel/eslint-parser 。 删除eslint-config-react-app只删除了旧的直接依赖项，但以不同的方式破坏了事情，重新安装（不使其成为我的包的直接依赖项）让事情再次为我工作。 我敢肯定有一种更清洁的方法可以做到这一点。

$npm ls eslint-config-react-app
client@0.1.1 /srv/
├── eslint-config-react-app@6.0.0
└─┬ react-scripts@5.0.1
  └── eslint-config-react-app@7.0.1

$ npm rm eslint-config-react-app

removed 1 package, and audited 2909 packages in 4s

$ npm ls eslint-config-react-app
client@0.1.1 /srv/
└─┬ react-scripts@5.0.1
  └── eslint-config-react-app@7.0.1
$ npm i --no-save eslint-config-react-app

added 1 package, removed 1 package, and audited 2909 packages in 6s

$ npm ls eslint-config-react-app
client@0.1.1 /srv/
└─┬ react-scripts@5.0.1
  └── eslint-config-react-app@7.0.1

Answer 12

这就像魅力

npm 更新 eslint