如何配置 ESLint 以允许粗箭头类方法

Question

当我尝试检查我的 Es6 类时，ESLint 抛出 Parsing error: Unexpected token = 错误。我缺少什么配置参数来启用 eslint 中的粗箭头类方法？

样本类：

 class App extends React.Component{
    ...
    handleClick = (evt) => {
        ...
    }
}

.eslint

 {
  "ecmaFeatures": {
    "jsx": true,
    "modules":true,
    "arrowFunctions":true,
    "classes":true,
    "spread":true,

  },
  "env": {
    "browser": true,
    "node": true,
    "es6": true
  },
  "rules": {
    "strict": 0,
    "no-underscore-dangle": 0,
    "quotes": [
      2,
      "single"
    ],
  }
}

原文由 CodeOcelot 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

如果您想使用实验性功能（例如箭头作为类方法），您需要使用 babel-eslint 作为解析器。默认解析器 (Espree) 不支持实验性功能。

原文由 Ilya Volodin 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

首先安装 babel-eslint ：

 npm i -D babel-eslint

然后将以下内容添加到您的 .eslintrc.json 文件中：

 "parser": "babel-eslint"

原文由 spencer.sm 发布，翻译遵循 CC BY-SA 4.0 许可协议