vue no-parsing-error x-invalid-end-tag 报错

问题

vue + iview + eslint环境下开发,写一个<Input></Input>时报了错,提示如下:

Parsing error: x-invalid-end-tag.

原因

iView在标签渲染为原生html标签时候，因为这些标签是自闭合的，所以有end标签会报错

解决

vue cli2:

1. 在根目录下找到.eslintrc.js – rules文件
2. 在rules中添加一行，内容为：
3. ‘vue/no-parsing-error’: [2, { ‘x-invalid-end-tag’: false }] // 关闭对iview end-tag 检查
4. 重启启动服务 npm run serve / npm run dev。

vue cli3:

1. 进入vue ui运行的http://localhost:8000管理界面
2. 找到:配置-ESLint configuration-规则-vue/no-parsing-error, 改为关闭并保存修改
3. 重新启动server