使用iView时报"Parsing error: x-invalid-end-tag"错误的解决方案

古城微笑少年丶 2023-06-09 07:59 165阅读 0赞

使用iview和vue的时候，想用iview的栅格布局，结果报错了

<Col span="6">
        <div>col-6</div>
    </Col>

`vue Parsing error: x-invalid-end-tag`

# 原因 #

vue将标签渲染为原生html标签时，由于这些标签是自闭合的，所以有end标签会报错。

# 解决 #

## 1.修改`.eslintrc.js`文件 ##

**注意，如果你在生成配置文件的时候，选择了都保存在package.json中，这时候是没有这个文件的，eslint的配置文件应该在package.json中**

在rules中添加一行规则`"vue/no-parsing-error": [2, { "x-invalid-end-tag": false }]`

"eslintConfig": { 
        "root": true,
        "env": { 
          "node": true
        },
        "extends": [
          "plugin:vue/essential",
          "@vue/prettier"
        ],
        "rules": { 
          "vue/no-parsing-error": [2, {  "x-invalid-end-tag": false }]
        },
        "parserOptions": { 
          "parser": "babel-eslint"
        }
      },

之后重新生成

## 2.如果上述不好使，那就在vscode中修改配置 ##

快捷键`ctrl+p`，然后用户设置  
修改`"vetur.validation.template": true,`为false

# 参考 #

iview–issue：https://github.com/iview/iview/issues/2828  
linting-error：https://github.com/vuejs/vetur/blob/master/docs/linting-error.md\#linting-for-template

发表评论取消回复

表情：

评论列表（有 0 条评论，165人围观）

还没有评论，来说两句吧...

相关阅读

相关 JSON parse error:

JSON parse error: Cannot deserialize instance of `java.lang.String` out of STAR

- 日理万妓/ 2024年03月24日 22:47/ 0 赞/ 84 阅读

相关 pod install时报错Parsing unable to continue due to parsing error:

1、在update小伙伴的代码以后，报错 Parsing unable to continue due to parsing error: contained in th

淩亂°似流年/ 2023年10月17日 14:36/ 0 赞/ 160 阅读

相关 Error parsing HTTP request header 错误解决方法

今天本地启动tomcat之后访问一个链接 http://localhost:8080/order/OrderInfoInFlowException.jsp?wareI

﹏ヽ暗。殇╰゛Y/ 2023年06月12日 08:43/ 0 赞/ 42 阅读

相关使用iView时报"Parsing error: x-invalid-end-tag"错误的解决方案

使用iview和vue的时候，想用iview的栅格布局，结果报错了 <Col span="6"> <div>col-6</div> </Col

古城微笑少年丶/ 2023年06月09日 07:59/ 0 赞/ 166 阅读

相关关于使用jupyter notebook时报错error的原因以及解决方案

在使用jupyter notebook时，创建新项目，发生了以下报错： ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_sh

冷不防/ 2023年02月26日 05:28/ 0 赞/ 39 阅读

相关解决 eslint 的 Parsing error: Unexpected token 错误

解决 eslint 的 Parsing error: Unexpected token 错误问题描述：import动态导入，将js文件单独打包时，webpack打包错误

刺骨的言语ヽ痛彻心扉/ 2022年11月21日 01:23/ 1 赞/ 1134 阅读

相关 Springboot 项目JSON parse error: Unrecognized field “xxx“错误

> 遇到一个问题，手动重写json转换后，前端请求参数中的多余字段，导致请求报错，重写前框架自带的方法是不报错的，那只有手动解决了解决前端请求多余字段转换报错问题

ゝ一纸荒年。/ 2022年10月06日 04:55/ 0 赞/ 181 阅读

相关 Mysql登录时报错 ERROR 1045 (28000): 错误解决办法

本文转载自：http://www.cnblogs.com/zlslch/p/5937784.html 错误问题的描述：　![format_png][] ERROR 10

逃离我推掉我的手/ 2022年06月10日 06:42/ 0 赞/ 249 阅读

相关 SOAP-ERROR: Parsing WSDL:Couldn’t load from “xxxxxxx” 解决方案

用php的soapclient连接第三方的webservice，是https的，连接报错SOAP-ERROR: Parsing WSDL:Couldn’t loa

亦凉/ 2022年06月05日 02:22/ 0 赞/ 365 阅读

相关 Selenium+PhantomJS使用时报错原因及解决方案

问题今天在使用`selenium`\+`PhantomJS`动态抓取网页时，出现如下报错信息： UserWarning: Selenium support f

超、凢脫俗/ 2022年05月28日 04:58/ 0 赞/ 210 阅读