JoeZhao

跨出界

Hey, I’m JoeZhao, a software engineer, and a gamer.

如何修复VS-code iView x-invalid-end-tag错误

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

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

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

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

1297877056

步骤如下:

  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—

加载中...
此文章数据所有权由区块链加密技术和智能合约保障仅归创作者所有。