うさぎのメモ帳

Nuxt x TypeScript での Parsing error: Unexpected token, expected を修正する

2019年10月03日 - 2019年10月08日

Nuxt TypeScriptを参考にして構築した場合に、(payload as any).value{ [key in UnionType]: string }などを記載した場合にparsing errorとなってしまいます。
これは.eslintrc.jsparserOptions.parser:の指定をbabel-eslintから@typescript-eslint/parserに変更してあげると解決します。

.eslintrc.js

module.exports = {
  ...
  parserOptions: {
-    parser: 'babel-eslint'
+    parser: '@typescript-eslint/parser'
  },
  ...
}

@typescript-eslint/parserLintの設定をするときに取得する@nuxtjs/eslint-config-typescriptに依存ファイルとして含まれているので、そのまま記載するだけで動作します。