问题

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

[vue/no-parsing-error]
Parsing error: x-invalid-end-tag.

原因

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

解决

• vue cli2

1. 在根目录下找到 .eslintrc.js – rules 文件
2. 在rules中添加一行，内容为：

'vue/no-parsing-error': [2, { 'x-invalid-end-tag': false }]   // 关闭对iview end-tag 检查

3. 重启启动服务 npm run serve / npm run dev。

• vue cli3

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