Eslint 不允许静态类属性

Question

我目前正在 Node 12.14.1 上开发 API，并使用 Eslint 来帮助我编写代码。不幸的是，它不允许我设置静态类属性，如下所示：

class AuthManager {
  static PROP = 'value'
}

给出以下错误： Parsing error: Unexpected token =eslint

JS 和 Node.js 已经支持静态类属性。
如何禁用此规则？

我还有以下.eslintrc.json文件：

{
  "env": {
      "es6": true,
      "node": true
  },
  "extends": "eslint:recommended",
  "globals": {
      "Atomics": "readonly",
      "SharedArrayBuffer": "readonly"
  },
  "parserOptions": {
      "ecmaVersion": 2018,
      "sourceType": "module"
  }
}

Answer 1

ESLint v8 现在原生支持静态类属性：https://eslint.org/blog/2021/10/eslint-v8.0.0-released

parserOptions ecmaVersion 应设置为 13、2022 或“最新”以启用支持。

将其添加到您的.eslint.(cjs | json | js)

{
  parserOptions: {
    ecmaVersion: 2022,
  }
}

Answer 2

ESLint 及其默认解析器目前不支持类字段语法。您可以通过将配置的解析器更改为babel-eslint.

npm install --save-dev babel-eslint

// eslintrc.json
{
  "parser": "babel-eslint",
  ...
}

Eslint 的默认解析器 Espree 不支持类字段，因为该语法目前处于第 3 阶段，并且决定在 Espree 中仅支持第 4 阶段提案。

Answer 3

截至目前，我必须使用这些配置

.eslintrc.js

module.exports = {
  env: {
    node: true,
    es6: true,
  },
  extends: [
    'airbnb-base',
  ],
  parser: '@babel/eslint-parser',
  parserOptions: {
    babelOptions: {
      configFile: './.babelrc',
    },
    ecmaVersion: 2018, // needed to support spread in objects
  },
  plugins: ['@babel'],
};

.babelrc

{
  "presets": ["@babel/env"],
  "plugins": [
    "@babel/plugin-syntax-class-properties"
  ]
}

为此我必须安装：

npm i -D @babel/preset-env
npm i -D @babel/eslint-parser
npm i -D @babel/eslint-plugin
npm i -D @babel/plugin-syntax-class-properties

请注意，@babel上面的模块是@babel我的package.json.

Answer 4

你需要安装@babel/eslint-parser：

yarn add --dev @babel/eslint-parser

并在您.eslintrc.yml的示例中使用解析器：

parser: "@babel/eslint-parser"