使用Eslint报"Parsing error: x-invalid-end-tag"错误的解决方案

一、 问题日志

  ✘  https://google.com/#q=vue%2Fno-parsing-error  Parsing error: x-invalid-end-tag
  src\components\analysis.vue:18:11
            </Input>
             ^

二、 问题原因

vue将标签渲染为原生html标签时，由于这些标签是自闭合的，所以有end标签会报错。

三、 解决方案

修改配置文件，忽略该项检查：

根目录下 - .eslintrc.js - rules

添加一行：

'vue/no-parsing-error': [2, { "x-invalid-end-tag": false }]

重启dev：

npm run dev

适用于Elment-ui、iview

vue/vli3中没有 .eslintrc.js文件，可以在package.json中的rules进行配置，配置代码如下：

"rules": {
      "vue/no-parsing-error": [2, { "x-invalid-end-tag": false }]
    },

感谢子策_1a39的补充