Eslint - 无法加载解析器 @babel/eslint

Question

我正在尝试为我的 React 项目设置 Eslint 和 Prettier。 为此，我选择了 Airbnb 规则集。 现在我被困在我的 VS Code 中 Eslint 和 Prettier 的集成上。 它已经奏效了，但给了我一些奇怪的箭头，例如：

Unexpected argument :

定义类型时。

我发现搜索了一个解决方案并点击了安装解析器。 所以我尝试安装@babel/eslint-parser。

但是在遵循本指南之后，我收到以下错误。

Error: Failed to load parser '@babel/eslint-parser' declared in 'src\.eslintrc.js': Cannot find module '@babel/eslint-parser'

由于错误暗示 @babel/eslint-parser 丢失，我尝试重新安装：

npm i @babel/eslint-parser @babel/preset-react -D

现在我有点不知所措。

这是 my.eslintrc.js

module.exports = {
    extends: ["airbnb", "prettier"],
    plugins: ["prettier"],
    parser: "@babel/eslint-parser",
    parserOptions: {
      requireConfigFile: false,
      babelOptions: {
        presets: ["@babel/preset-react"]
      }
    },
    rules: {
      "prettier/prettier": ["error"],
      "react/jsx-filename-extension": ["off"],
      "react/prefer-stateless-function": ["off"],
      "import/extensions": ["off"],
      "import/no-unresolved": ["off"],
      "indent": ["error", 2]
    }
}; 

Answer 1

我自己找到了解决方案。 对于任何在未来有类似问题的人。 检查您的 npm 包。 我的不同版本不兼容，这阻碍了 babel 的使用。

Answer 2

我有同样的问题，package 应该正确安装，否则它不能正常工作，修复它这样做：

npm install babel-eslint --save-dev

之后不要忘记“NPM RUN BUILD”