javascript - 在箭头函数上运行 eslint 时报告意外 token "="

Question

我有一个 JavaScript 类，里面有一个异步方法，如下所示。

class ABC {
    func = async () => { //----line 10
        //some code
    }
    func2 = () => { //----line 11
        //some code 
    }
}

当我运行 ESLint 时，它报告了一个错误。应用程序本身按预期工作。

unexpected token '=' at line 10 (& 11)

eslintrc.json

{
   "env":{
       "es2021":true
    }
}

我需要做什么才能消除这些 lint 错误并仍然将这些方法保留为箭头函数？

ESLint 版本:eslint :"^7.32.0"

Answer 1

升级到 ESLint 8 并将此设置添加到您的 .eslintrc:

"parserOptions": {
  "ecmaVersion": 2022
}

原因:您正在使用 class fields .支持 ESLint 中的类字段语法 has been introduced版本 8。

请注意类字段的规范，尽管 already finalized 2021 年 4 月，将与 ECMAScript 2022 一起发布，预计明年发布。