iview踩坑 之 安装iview-loader后 部分标签不能使用

今天新建一个iview的项目 ，插件弄好之后 就直接运行了 也没什么问题  但是当我用到Col标签的时候 结束标签给我报了个错 

（其实之前写的项目中遇到过 但是当时没记录 所以忘了）我在网上搜索了好久 但是都是说什么vscode的设置什么的 

我想着  不可能是这样的啊 如果是ide的问题 那webstom不可能没有 很明显是检查插件的问题  网上的那些给我笑死了 都是直接让eslint跳过该页面的检查 这不是掩耳盗铃嘛  运行起来还是报错  

所以我又搜索了一遍报错 发现答案是 iView将标签渲染为原生html标签时，由于这些标签是自闭合的，所以有end标签会报错

vue-cli3.0之前的 在根目录下会有一个.eslintrc.js文件，进入里面 修改一下rules 在里面添加一行 “vue/no-parsing-error”: [2, { “x-invalid-end-tag”: false }] 这个 不让检查这个标签   

用最新的脚手架创建的项目 你会发现没有这个文件  那是因为vue对这些配置文件进行了统一管理  在package.json里面 会有rules

在里面添加 

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

这样就可以了  之前遇到的还有很多坑 后续会给大家贴出来的 或者大家评论出来 我看看有没有我遇到过的