Eslint

Question

我正在尝试为我的 React 项目设置 Eslint 和 Prettier。为此，我选择了 Airbnb 规则集。现在我陷入了在我的 VS Code 中集成 Eslint 和 Prettier 的困境。它已经工作但是给我一些奇怪的箭头，比如：

Unexpected argument :

定义类型时。

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

但是在遵循 this 指南后，我遇到了以下错误。

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

现在我有点不知所措了。

这是我的。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的使用。

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

Eslint - Failed to load parser @babel/eslint

reactjs