2

我遵循了关于如何配置 ESLint 以允许将解析器设置为babel-eslint的胖箭头类方法的建议。

我安装了它并更新了我的配置文件，如下所示：

{
  "parserOptions": {
    "parser": "babel-eslint",
    "ecmaVersion": 12,
    "sourceType": "module",
    "ecmaFeatures": {
      "jsx": true
    }
  },
  "rules": {
    "semi": "error",
    "indent": ["error", 2],
    "eqeqeq": ["error", "always"],
    "max-depth": ["error", 5],
    "space-before-function-paren": ["error", "never"],
    "template-curly-spacing": ["error", "always"],
    "quotes": ["error", "single", { "allowTemplateLiterals": true }],
    "curly": "error",
    "brace-style": ["error", "1tbs"],
    "space-before-blocks": "error"
  }
}

但是它仍然在破坏 eslint，给出如下解析错误：

class Person {
  constructor() {
    console.log(this);
    this.hello1();
    this.hello2();
  }

  // breaks eslint, but WHY?

  hello1 = () => {
    console.log(this);
  }
  
  hello2() {
    console.log(this);
  }

}
const P1 = new Person();

它突出了第一个=并说：

解析错误意外令牌 =

我该如何进一步解决这个问题？ESLint 正确地应用了这个文件中的所有规则，但似乎忽略了解析器选项。

或者是其他东西？

我不确定这是否与此处相关：

https://github.com/babel/babel-eslint#note-babel-eslint-is-now-babeleslint-parser-and-has-moved-into-the-babel-monorepo

但我真的不知道那是什么意思。

4

2 回答 2

2

我认为您遇到了这种 linting 错误，因为您没有使用 ECMA 版本 2022（又名 ECMA 最新版本）。请检查 shorturl.at/nsAS5 上的此链接，该链接在胖箭头类方法上显示没有 lint 错误，因为 ECMA 版本最迟为 2022。当您将 ECMA 版本更改为 2021 或更低版本时，您会收到Parsing Error unexpected token =错误消息。

另外，我注意到你的一些事情eslintrc.json：

  1. 我认为这可能是因为 babel-eslint 已被弃用？https://www.npmjs.com/package/babel-eslint。也许你应该试试@babel/eslint-parser？https://www.npmjs.com/package/@babel/eslint-parser

  2. 你的配置看起来有点不对劲。你应该把钥匙放在parser钥匙外面，parserOptions像这样：

  "parser": "babel-eslint",
  "parserOptions": {
    "ecmaVersion": 12,
    "sourceType": "module",
    "ecmaFeatures": {
      "jsx": true
    }
  },

见https://eslint.org/docs/user-guide/configuring/language-options

另外，我只想指出 eslint 默认使用 espree 作为其解析器，但您可以使用 esprima 或 @babel/eslint-parser（或 @typescript-eslint/parser，如果您使用的是 typescript）请参阅https:// eslint.org/docs/user-guide/configuring/plugins

于 2022-01-02T23:43:34.790 回答
1

您的配置文件不正确：

这一行在这里：

"parser": "babel-eslint",

什么都不做。不幸的是，它不会抛出错误并继续使用默认解析器。

完成此操作后，如果正确安装了其余依赖项，则可以开始使用 babel 解析器。

于 2022-01-11T00:44:04.180 回答