vue 使用 eslint 报错 [vue/no-parsing-error] Parsing error: x-invalid-end-tag.

最新推荐文章于 2024-07-18 13:27:15 发布
最新推荐文章于 2024-07-18 13:27:15 发布
阅读量4.6w 收藏 14
点赞数 4
分类专栏： 问题记录 文章标签： eslint x-invalid-end-tag Definition for rule 'vue/no-parsing vue eslint
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/sansan_7957/article/details/96436634
版权
在使用 Vue 和 ESLint 的项目中遇到了[vue/no-parsing-error] Parsing error: x-invalid-end-tag的错误。错误源于vetur组件解析问题。解决方法包括：关闭vue/no-parsing-error规则、安装并配置ESLint插件，或者在模板中添加vue/no-parsing-error选项。详细步骤和版本信息也在文中提及。
摘要由CSDN通过智能技术生成

项目环境及编辑器

项目框架：vue iview
编辑器：vscode

错误提示

见下图：[vue/no-parsing-error] Parsing error: x-invalid-end-tag.
在这里插入图片描述

原因

Col components are wrong in eslint-plugin-vue

解决办法

以下三种办法都能搜出来，这里做个总结以及记录遇到的问题：

  • 作者给出的办法
    在这里插入图片描述

  • 关闭 vscode 的代码检查
    在这里插入图片描述
    需要注意的是，如果你不关闭 vscode 的代码检查下面 “配置 eslint 规则” 是无效的。原因如下：

最低0.47元/天 解锁文章
「已注销」
关注
专栏目录
vue-cli 3 问题记录
XiaoYi0215的博客
07-25 623
1.vscode代码美化（prettier+ eslint） 安装prettier - Code formatter 和 ESLint 首选项-->设置-->setting.json 设置 // #每次保存的时候将代码按eslint格式进行修复 "eslint.autoFixOnSave": true, // 添加 vue 支持 "eslint.validate"...
vue项目使用eslint时报错
yuyanxinyu的博客
03-01 617
view --> extensions，在打开的窗口中分别搜索ESLint、Prettier-Standard并安装。vue使用eslint校验代码时，报错。打开setting.json文件。
vue项目报错：[vue/no-parsing-error] Parsing error: x-invalid-end-tag.eslint-plugin-vue
gao_jun1的博客
10-06 1万+
一、问题描述 在编写vue的template模块时，会报出红线上的错误，但是在正常情况下又不影响项目的正常运行，但是就是看着有些难受。 二、解决方法 1、在vscode的左下角找到设置的按钮，点击设置 2、在搜索框中搜索 Vetur>Validation:Template ，将这一项的勾选去掉即可。 ...
vue报错：error Parsing error: missing-whitespace-between-attributes
最新发布
qq_62237063的博客
07-18 184
参考博客。
[vue/no-parsing-error] Parsing error: x-invalid-end-tag.eslint-plugin-vue 解决方案（转）
Lucky小黄人的博客
03-16 2415
转自：vue老是提示：[vue/no-parsing-error] Parsing error: x-invalid-end- vue用vs code打开老是提示[vue/no-parsing-error] Parsing error: x-invalid-end-tag.eslint-plugin-vue，但是标签都能匹配上啊，如下图： 去除报警的方法： File->Preferen...
[vue/no-parsing-error] Parsing error: x-invalid-end-tag.eslint-plugin-vue
LJJONESEED的博客
11-19 1293
如图报错 解决办法： 第一步：设置 第二步：搜索vetur.validation.template 取消勾选
Vue编译中出现 Parsing error: x-invalid-end-tag vue/no-parsing-error 问题
热门推荐
qq_16733389的博客
01-11 1万+
出现这种问题目前笔者发现的有以下几种可能 一、 如果是使用IDEA和WebStorm的小伙伴 在项目根目录下找到.eslintrc.js 文件在rules下面添加 "vue/no-parsing-error": [2, { "x-invalid-end-tag": false }] 重新启动项目即可 二、 如果是使用VSCode 的小伙伴 需要关闭 VSCode 的代码检查 Vetur 使用了一个特定版本的 eslint-plugin-vue，用于检查代码的 <template> 部分。 L
VScode eslint-plugin-vue 自动修复eslint报错
weixin_33875839的博客
08-22 4437
1、安装插件 npm i -g eslint-plugin-vue 2、修改项目跟路径下的文件：.eslintrc | .eslint.js 3、添加eslint 和 vetur 插件 4、修改vscode首选项配置 "eslint.autoFixOnSave": true, "eslint.validate": [ "javascript",{ ...
Parsing error: x-invalid-end-tag vue/no-parsing-error
05-16
这是一个 Vue.js 的警告，意思是你的模板中有一个无效的结束标签。这通常是由于模板中存在不匹配的标签引起的。例如，如果你在模板中写了一个类似于下面的代码： ``` <p>Some text</span> </div> ``` 这里的结束...
error parsing error: x-invalid-end-tag vue/no-parsing-error
06-28
这个错误是由于 Vue 模板中存在不正确的结束标签导致的。可能是由于标签嵌套不正确或者标签缺失导致的。需要检查模板中的标签是否正确...如果还是无法解决问题，可以尝试使用 Vue 的模板语法检查工具来帮助定位错误。
Parsing error: x-invalid-namespace vue/no-parsing-error
05-25
import MyComponent from './MyComponent.vue' export default { components: { 'my-component': MyComponent // 注意这里的命名空间应该是小写的 } } </script> ``` 如果你使用了带有无效命名空间的 HTML 标签...
[vue/no-parsing-error] Parsing error: x-invalid-end-tag.eslint-plugin-vue 解决方法
weixin_45391817的博客
03-17 2031
第一步：找到设置 第二步：搜索vetur.validation.template 取消勾选，报错即可消失~
[vue/no-parsing-error] Parsing error:x-invalid-end-tag
张文慧 期待每一天更好的自己
07-19 6578
错误截图： 错误原因： iView将标签渲染为原生html标签时，由于这些标签是自闭合的，所以有end标签会报错。 解决方案：
报错 | Parsing error: x-invalid-end-tag vue/no-parsing-error
A123ppleQueen的博客
12-09 863
error Parsing error: x-invalid-end-tag vue/no-parsing-error 我这个报错原因很简单，就是多写了了一个标签，找到它，把它删除就行
异常:[vue/no-parsing-error] Parsing error:x-invalid-end-tag
weixin_30299709的博客
09-21 568
转载于:https://www.cnblogs.com/aknife/p/11563614.html
报错：x-invalid-end-tag vue/no-parsing-error
chilin1017的博客
05-09 493
https://github.com/iview/iview/issues/2828 使用vue的iView时，使用某些标签eslint会报错:“x-invalid-end-tag vue/no-parsing-error” 查找到的解决办法是 .eslintrc.js 的 rules 加上 ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值