Используйте последнюю версию vue-eslint-parser-encore

Используйте последнюю версию vue-eslint-parser-encore

18.10.2019 10:52:32 Просмотров 66 Источник

Мне удалось настроить ESLint на работу с Encore (Symfony). Мой .eslintrc.js-файл имеет следующую конфигурацию:

module.exports = {
    "parser": "vue-eslint-parser",
    "parserOptions": {
        "parser": "babel-eslint",
        "ecmaFeatures": {
            "legacyDecorators": true
        },
        "ecmaVersion": 5,
    },
    "extends": [
        "plugin:vue/base",
        "airbnb-base"
    ],
    "rules": {
       "vue/html-indent": [2, 4],
        ...
    },
    "env": {
        browser: true,
        es6: true,
        node: true
    },
    "plugins": [
        "vue",
    ]
};

и всякий раз, когда я смотрю файлы, я получаю следующую ошибку 1:1 error Use the latest vue-eslint-parser. See also https://vuejs.github.io/eslint-plugin-vue/user-guide/#what-is-the-use-the-latest-vue-eslint-parser-error vue/html-indent.

Я пробовал решения в следующих ссылках:

Любое предложение будет высоко оценено. Спасибо

У вопроса есть решение - Посмотреть?

Ответы - Используйте последнюю версию vue-eslint-parser-encore / Use the latest vue-eslint-parser - encore

Является ответом!
masterofnothing

21.10.2019 09:25:39

это потому, что Encore force parser option to babel-eslint и он не совместим с eslint-plugin-vue.

В качестве обходного пути вы можете использовать следующий код, чтобы позволить Encore / ESLint lint ваш .файлов Vue:

Encore
  .enableEslintLoader(options => {
      delete options.parser;
  })
  .configureLoaderRule('eslint', loader => {
      loader.test = /\.(jsx?|vue)$/;
  })

Все кредиты идут в Kocal на Github: https://github.com/symfony/webpack-encore/issues/656

Закрыть X