Конфликт конфигурации ESLint с использованием TypeScript и Prettier в проекте Nuxt - PullRequest
Новая
       31

Конфликт конфигурации ESLint с использованием TypeScript и Prettier в проекте Nuxt

0 голосов
/ 02 января 2019

Я пытаюсь настроить ESLint и Prettier для моего проекта TypeScript Nuxt.js. К сожалению, сочетание некоторых конфигов ESLint приводит к странным ошибкам.

Файл примера, приведенный ниже, хорошо проверяет, используя только красивее из командной строки. Однако, используя ESLint, я получаю следующую ошибку: 

  2:10  error  Parsing error: Unexpected token
  1 | export default class User {
> 2 |   public name: string;
    |          ^
  3 | }

Странно, если я удаляю расширение plugin:vue/recommended из моей конфигурации ESLint, файл примера проверяется очень хорошо. Мне кажется, что существует конфликт или переопределение, которое портится с файлами TypeScript, но я не могу точно понять, в чем проблема и как ее исправить.

Файл примера User.ts: 

export default class User {
  public name: string;
}

Конфигурация ESLint: 

module.exports = {
  root: true,
  env: {
    browser: true,
    node: true
  },
  parserOptions: {
    parser: 'babel-eslint',
    ecmaFeatures: {
      legacyDecorators: true
    }
  },
  extends: [
    'typescript',
    'plugin:vue/recommended',
    'plugin:prettier/recommended',
    'prettier/vue'
  ],
  plugins: [
    'prettier',
    'vue'
  ],
  rules: {
    'prettier/prettier': 'error'
  }
}
...