a minute ago

Nuxt.jsのプロジェクトを途中からTypeScript化した時に出るeslintエラー対応


 事象

以下のlintエラーが出る

Parsing error: Using the export keyword between a decorator and a class is not allowed. Please use `export @dec class` instead.

対策

jsで作ったNuxtプロジェクトを途中でtsに変更したせいで色々モジュールが足りていないので入れる。

npm i -D @nuxtjs/eslint-config-typescript
npm i -D eslint-plugin-import
npm i -D eslint-plugin-jest
npm i -D eslint-plugin-unicorn
npm i -D eslint-plugin-promise
npm uninstall @nuxtjs/eslint-config

package.jsonを修正

"scripts": {
  "dev": "nuxt-ts",
  "build": "nuxt-ts build",
  "start": "nuxt-ts start",
  "export": "nuxt-ts export",
  "serve": "nuxt-ts serve",
  "generate": "nuxt-ts generate",
  "lint:js": "eslint --ext .js,.vue --ignore-path .gitignore .",
  "lint:ts": "eslint --ext .ts,.js,.vue --ignore-path .gitignore .",
  "lint": "npm run lint:ts",
  "test": "jest"
},

eslintrc.jsを編集

parserOptions: {
    // parser: 'babel-eslint' <- 削除
},
extends: [
  // '@nuxtjs', <- 削除
  'plugin:nuxt/recommended',
  '@nuxtjs/eslint-config-typescript' // 追加
],

Related Articles