Vscode vue+iview，Eslint总是报错‘[vue

作者: 溪桥路转 | 来源:发表于2018-04-25 09:10 被阅读0次

在vue+iview项目中，使用了Eslint做代码风格检查，但是在使用iview组件标签时,eslint总是会报错。[vue/no-parsing-error] Parsing error: x-invalid-end-tag。

如图：

报错
一直以为是eslint配置出错了，在网上找了一下解决方法，在.eslintrc.js中添加如下规则，然而并没有效果：

没有效果
没办法，再去考虑vscode配置，在.eslintrc.js中添加的规则

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

在vscode的settings 里面的配置如下：

 "vetur.validation.template": false

到此，问题解决。

Vscode vue+iview，Eslint总是报错‘[vue
在vue+iview项目中，使用了Eslint做代码风格检查，但是在使用iview组件标签时,eslint总是会报...
vscode配置保存自动修复eslint错误
安装 eslint-plugin-vue 安装vscode插件vetur和eslint 进入vscode设置搜索e...
vue项目在vscode中编译eslint报错没显示红色波浪线提
vue项目在vscode中编译eslint报错没显示红色波浪线提示。如下图所示：下图是预期效果：不符合Eslin...
VScode 构建vue开发环境
版本：VScode 1.25.1 , vue 2.5.2，eslint 4.15，webpack 3.6 插件安装...
0、代码规范
eslint 入门教程报错详解官方报错详解 vscode 编辑器无需挨个手动调整错误，保存文件自动根据eslint...
手写的npm包
此指令主要是运用于vscode开发vue项目新建时生成eslint的一些配置配合上vscode商店的（ESLint...
vscode eslint插件对.vue文件autofix时，
vscode eslint插件对.vue文件autofix时，修复错误行数问题
vscode使用 typeScript 和格式化文档技巧
vue-cli构建的项目默认启用ESLint进行代码检测，凡是不符合它规范的就会报错，但是vscode代码格式化中...
vscode支持vue-cli3构建的项目引入eslint代码检
vscode支持vue-cli3构建的项目引入eslint代码检测+prettier代码美化 vscode 安装插...
Parsing error: x-invalid-end-tag
报错 [eslint-plugin-vue][vue/no-parsing-error]Parsing error...