ESlint acyncとFetchAPIがエラーになる

簡単なESlintの設定で試してたら、acyncとfetchでエラーにったのでメモ

.eslintrc

{
  "root": true,
  "extends": [
    "eslint:recommended"
  ],
  "env": {
    "es6": true,
    "node": true,
    "commonjs": true
  },
  "parserOptions": {
    "sourceType": "module"
  },
  "rules": {
    "no-console": ["warn"],
    "no-extra-parens": ["off"],
    "semi": [ 2, "always" ]
  }
}

acync/await

async () => ...

-> error Parsing error: Unexpected token =>

async function() => ...

-> error Parsing error: Unexpected token function

parserOptionsに"ecmaVersion": 2017を追加する

{
  // 略
  "parserOptions": {
    "sourceType": "module",
    "ecmaVersion": 2017 // <- 追加
  }
}

FetchAPI

fetch(api_url).then(...)

-> error 'fetch' is not defined no-undef

globalsにfetchを追加する
"ecmaVersion": 2017ではダメっぽい。

{
  // 略
  "globals": {
    "fetch": false  // <- 追加
  }
}

eslintの設定ゴリゴリ書くのあまり好きじゃない(特にrules)んで、envにes2017: trueとかでエラーにならないようにとかならないかな...

---

[参考]

• Error with async: "Parsing error: Unexpected token =>" · Issue #8126 · eslint/eslint · GitHub
• Every single ECMAScript edition should have an "env" option · Issue #9109 · eslint/eslint · GitHub
• airbnbのeslintで'fetch is not defined'って出る - Qiita

リンツ (Lindt) チョコレート リンドール テイスティングセット [ピック&ミックス] 20種 23個入り 個包装 ショッピングバッグS付

これはリンツ