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

古城微笑少年丶 2023-06-09 07:59 153阅读 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 条评论，153人围观）

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

相关阅读

相关 JSON parse error:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

相关 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 赞/ 336 阅读

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

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

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

相关 python安装pycrypto时报cl.exe错误返回状态2的解决方案

我用的python3.6 pip版本是19 在用pip安装pycrypto的时候遇到了下面的报错 error: command 'd:\\Program Fi

我不是女神ヾ/ 2022年02月15日 10:40/ 0 赞/ 1415 阅读

相关 HTTP 错误 500.21 - Internal Server Error 解决方案

不久前重新安装了Windows7，在安装了VS2010 开发平台之后，将网站发布到IIS，访问发生如下错误： HTTP 错误 500.21 - Internal Server

素颜马尾好姑娘i/ 2022年02月02日 04:17/ 0 赞/ 397 阅读

相关部署hudson时报错解决方案

启动hudson后，报如下错：AWT is not properly configured on this server. Perhaps you need to run yo

小灰灰/ 2021年05月12日 11:51/ 0 赞/ 732 阅读