How to fixed VS-code iView x-invalid-end-tag error

晚上在快乐的写代码的时候,突然碰到一个 eslint 检查器的错误:

<!-- 这样一段代码 -->
<Col>
  <Button>test</Button>
</Col>

<!-- 报了一个这样的错误 -->
`Parsing error: x-invalid-end-tag  vue/no-parsing-error`

一路翻阅了 Eslint-Plugin-VueVetur 的文档,终于找到了一段说明:

12FEB04B-3756-41EC-9589-0BC3D348F508.png

步骤如下:

  1. 打开 VS Code 的设置,搜索 vetur.validation.template关闭掉( set to false)
  2. 修改 .eslintrc 文件的 rules,如果你之前没有安装过,需要重新安装 eslint-plugin-vue ,确保提示是来自于 .eslintrc 文件。
  3. .eslintrc 配置如下:
{
  "extends": [
    "eslint:recommended",
    "plugin:vue/recommended"
  ],
  "rules": {
    "vue/html-self-closing": "off",
    "vue/no-parsing-error": [ 2, {
      "x-invalid-end-tag": false
    }]
  }
}

最后重启 VS Code,大功告成!

下面是查阅过的文章资料:

—EOF—

个人目标/文章

本文链接:

https://fun2ex.com/tech/how-to-fixed-vscode-iview-x-invalid-end-tag-error.html
1 + 5 =
快来做第一个评论的人吧~