1. ホーム
  2. javascript

Fat arrow クラスのメソッドを許可するように ESLint を設定する方法

2023-08-19 01:02:11

質問

ESLint が Parsing error: Unexpected token = エラーを投げます。 eslintでfat arrowクラスメソッドを有効にするには、どのような設定パラメータが足りないのでしょうか?

サンプルクラスです。

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"
    ],
  }
}

どのように解決するのですか?

実験的な機能(クラスメソッドとしての矢印など)を使いたい場合は babel-eslint をパーサーとして使う必要があります。デフォルトのパーサー(Espree)は実験的な機能をサポートしていません。