Используйте последнюю версию vue-eslint-parser-encore
Мне удалось настроить 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.
Я пробовал решения в следующих ссылках:
- https://github.com/vuejs/eslint-plugin-vue/issues/30
- https://github.com/vuejs/eslint-plugin-vue/issues/325
- Encore, Vue, Eslint-используйте новейший Vue-eslint-парсер
Любое предложение будет высоко оценено. Спасибо
Ответы - Используйте последнюю версию vue-eslint-parser-encore / Use the latest vue-eslint-parser - encore
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