站点图标 独书先生

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
退出移动版