使用最新的vue-eslint-parser-encore

Question

我能够设置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错误使用最新的vue-eslint-parser。另见https://vuejs.github.io/eslint-plugin-vue/user-guide/#what-is-the-use-the-latest-vue-eslint-parser-errorvue/html-indent。

我尝试了以下几个环节的解决方案：

• https://github.com/vuejs/eslint-plugin-vue/issues/30

任何建议都将受到高度赞赏。谢谢你们

Answer 1

这是因为Encore强制解析器选项为Babel-eslint，它与eslint-plugin-vue不兼容。

作为一种解决方案，您可以使用以下代码让Encore/ESLint lint您的. vue文件：

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

所有学分归Github的Kocal所有：https://github.com/symfony/webpack-encore/issues/656