

TypeScriptとNuxt.jsでフロントの開発をしています。  
eslintを使い開発をしているのですが、interfaceを定義した際にinterfaceのプロパティでエラーが発生しました。

[code]

    interface Data {
      name: string
      password: string // Parsing error: Unexpected token
    }
    
[/code]

以下がエラー全文です。

[code]

     ERROR  in ./components/LoginForm/LoginForm.vue                                                                                                                  friendly-errors 21:31:04
    
    Module Error (from ./node_modules/eslint-loader/index.js):                                                                                                       friendly-errors 21:31:04
    
    <project_path>/components/LoginForm/LoginForm.vue
      36:2  error  Parsing error: Unexpected token
    
      4 | interface Data {
      5 |   name: string
    > 6 |   password: string
        |   ^
      7 | }
      8 | 
      9 | export default Vue.extend({
    
    ✖ 1 problem (1 error, 0 warnings)
    
                                                                                                                                                                     friendly-errors 21:31:04
     @ ./node_modules/babel-loader/lib??ref--3-0!./node_modules/ts-loader??ref--3-1!./node_modules/vue-loader/lib??vue-loader-options!./pages/index.vue?vue&type=script&lang=ts& 2:0-61 5:15-24
     @ ./pages/index.vue?vue&type=script&lang=ts&
     @ ./pages/index.vue
     @ ./.nuxt/router.js
     @ ./.nuxt/index.js
     @ ./.nuxt/client.js
     @ multi eventsource-polyfill webpack-hot-middleware/client?reload=true&timeout=30000&ansiColors=&overlayStyles=&name=client&path=/__webpack_hmr/client ./.nuxt/client.js
    
[/code]

自分でも色々調べてみましたがこのエラーの解決策を見つけることができませんでした。

追記：  
`.eslintrc.js`は以下のとおりです。

[code]

    module.exports = {
      root: true,
      env: {
        browser: true,
        node: true
      },
      parserOptions: {
        parser: 'babel-eslint'
      },
      extends: [
        '@nuxtjs',
        'plugin:nuxt/recommended',
        'plugin:prettier/recommended',
        'prettier',
        'prettier/vue',
      ],
      plugins: [
        'prettier'
      ],
      // add your custom rules here
      rules: {
      }
    }
    
[/code]


CC BY-SA 4.0
2019-07-31T12:33:54.033
57076
2023-09-03T10:09:52.143
2023-09-03T10:09:52.143
19110
35318
question
typescript nuxt.js eslint
interfaceのプロパティがParsing error: Unexpected token


コメントしていただいた皆様ありがとうございました。  
自己解決できました。

eslintのparserを`typescript-eslint-parser`にしたら解決しました。


CC BY-SA 4.0
2019-07-31T13:37:26.020
57079
2019-07-31T13:37:26.020
35318
57076
answer