Parsing error: duplicate-attribute vue/no-parsing-error.

最新推荐文章于 2024-12-06 09:47:58 发布
原创 最新推荐文章于 2024-12-06 09:47:58 发布 · 4k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#其他 #vue.js #css

Parsing error: duplicate-attribute vue/no-parsing-error.
在给 标签加样式的时候，提示的这个问题：
在这里插入图片描述
解决：
原因是在同一行里设置了两个style。因为写到后面想回来加样式，由于屏幕分栏溢出遮挡了原先写的style，就没看到原来的style。

Vue源码分析——第三章
Lee的博客
09-10 788
Vue源码分析——第一章 Vue源码分析——第二章 // only used in dev mode //检测 val必需是数字 function checkDuration(val, name, vnode) { if (typeof val !== 'number') { warn( "<transition> explicit " + name + " duration is not a valid number - " + "got " + ...
Vue报错
weixin_43891918的博客
10-28 2848
解决方法：将 config.headers.common.Authorization = localStorage.token中的common去掉。解决方法：将key值引号去掉。
vue3打包 Build failed. Please check the error message......syntaxerror: duplicate attribute
qq_38906921的博客
12-06 750
然后我想到查看昨天提交的代码记录，结果发现了问题的所在。原来在全局替换时，我在多个文件中的标签中重复使用了一个class属性。经过删除该重复属性并重新打包后，问题终于解决了。或许不是所有人都是同一样的问题，没准你是其他重复了呢😈。所以记录下来，希望能对各位大佬有所帮助。起初，我以为这个问题是由依赖出现了错误所导致的，我尝试了删除并重新安装，但问题仍然存在，让我感到非常困惑，搞了好久没有一点效果。昨天打包还好好的，今天提交代码重新打包之后，发现了一堆报错。
02-遇到的问题Vue控制多个下拉列表和问题duplicate attribute: @click
anxikang5491的博客
06-22 1926
编程的时候想实现鼠标经过两个div的时候分别显示不同的下拉列表，在组件中设置了show:false和@mouseenter=“xxxShow” @mouseleave=“xxxClose”,但是这时候当鼠标经过一个div的时候所有的下拉列表都会显示，在解决这个问题的时候我只想到了再设置两个函数xxxShow2和xxxClose2但是这样问题还没解决，我忘了再给一个show2:false...
前端报错duplicate attribute
qq_45780380的博客
12-09 1万+
前端报错duplicate attribute 当出现这个错误的时候就预示着同一个属性在一个标签对里面重复出现了两遍，删掉一个就好了。
这又是什么奇怪的bug（4）duplicate attribute: v-if
sw_onload的博客
09-08 1886
一定有某个地方有两个v-if 报错 问题源 解决 删掉多余的v-if
vue3+eslint7.32.0 自动修复规范代码 开发工具 webstorm
h5433的博客
03-29 7820
安装指定的eslint //package.json 的devDependencies 加上 运行npm i "babel-eslint": "^10.1.0", "eslint": "^7.32.0", "eslint-config-prettier": "^8.3.0", "eslint-plugin-prettier": "^3.4.0", "eslint-plugin-vue": "^7.13.0", 设置eslint 规则文件.eslintrc.js
eslint配置代码自动格式化 及常用规则说明
greed
06-18 3272
格式化配置
Vue 08使用v-model实现计算器
mqingo的博客
01-02 744
08使用v-model实现计算器.html &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;08使用v-model实现计算器&lt;/title&gt; &lt;script type="text/javascript&quot
Vue 品牌列表padStart方法的使用
mqingo的博客
01-04 704
06品牌列表padStart方法的使用.html &lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;meta name="viewport" content="width=device-width, initial-s
vue项目报错[vue/no-parsing-error]\nParsing error: x-invalid-end-tag."解决方法
ha_yayuan的博客
03-26 4129
vscode里面选择 设置 搜索 vetur.validation.template 把对勾去掉
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学习报错
weixin_58321767的博客
04-16 1382
vue常见错误
vue 使用 eslint 报错 [vue/no-parsing-error] Parsing error: x-invalid-end-tag.
热门推荐
Amy的博客
07-19 4万+
项目环境及编辑器 项目框架：vue iview 编辑器：vscode 错误提示 见下图：[vue/no-parsing-error] Parsing error: x-invalid-end-tag. 原因 Col components are wrong in eslint-plugin-vue 解决办法 以下三种办法都能搜出来，这里做个总结以及记录遇到的问题： 作者给出的办法 关闭...
使用iview ui库 [vue/no-parsing-error] Parsing error: x-invalid-end-tag报错
初心 - 杨瑞超个人博客
02-28 4135
初心-杨瑞超个人博客诚邀您加入qq群(IT-程序猿-技术交流群): 757345416丨(IT-程序猿-技术交流2群): 936929828 错误截图： 错误原因： iView将标签渲染为原生html标签时，由于这些标签是自闭合的，所以有end标签会报错。 解决方案： 打开设置，搜索“vetur.validation.template”，设置完毕之后记得重启vscode噢~ ...
发生甚莫事了？我的程序为啥又报错了！
qq_38887171的博客
11-27 549
刚才在技术群里有个伙伴艾特我，我说发生甚么事了？给我发了几张截图，我一看，哦，原来是运行程序报错了。我说你不会看报错信息么，这不好用，他不服气，我说我教你们读懂报错信息，这个有用，这是化劲儿。 言归正传，运行程序出错或者没有出现我们想要的结果，我们每天都会遇到这样的问题，遇到问题没关系，重要的是我们知道怎么找出问题的根源，然后解决问题。 有报错信息 运行程序，啪，很快啊，控制台出现了报错信息，这时我们需要读懂报错信息，有些伙伴发到群里的报错信息很明显了，可是他却看不懂。所以 pk哥给大家总结下常见的报
Parsing error: duplicate-attribute.eslintvue/no-parsing-error,Eslint如何添加两个@Click事件
weixin_54048131的博客
05-05 522
今天敲代码遇到了两个bug Eslint直接写两个@Click事件出问题了 用分号;隔开就行了
vue.js--遇到的一些错误
weixin_30706691的博客
06-29 1244
1. <sapn> - did you register the component correctly? For recursive components, make sure to provide the "name" option. 提示信息是说我的sapn组件没有注册，才发现我的标签写错了 span; 2. 出现这个原因通过props传递了两层子组件内或者子组...
推荐的 Vue 代码规范，以及 ESLlint 配置及其说明
zhu562002124的博客
11-10 5984
#Vue 代码规范 必须遵守的规范 ​ 事件名必须以中划线命名 'vue/custom-event-name-casing': 'error' 示例 <template> <!-- ✓ GOOD --> <button @click="$emit('my-event')" /> <!-- ✗ BAD --> <button @click="$emit('myEvent')" /> </template> <sc
dom写注释报错[vue/no-parsing-error] Parsing error: unexpected-character-in-attribute-name.eslint-plugin-
最新发布
09-27
目前给定的引用内容未涉及在DOM中写注释报错 `[vue/no-parsing-error]` 且错误信息为 `'Parsing error: unexpected-character-in-attribute-name.eslint-plugin-'` 的相关解决办法。不过，一般性地分析该问题，此错误往往是由ESLint解析HTML注释时出现意外字符所引发的。以下是一些可能的解决办法： #### 1. 检查注释格式 确保注释格式正确，在Vue模板里，HTML注释应使用 `<!-- -->` 这种标准格式。 ```vue <template> <!-- 这是一个正确格式的注释 --> <div>Some content</div> </template> ``` #### 2. 检查注释位置 要保证注释不在属性内部，不然就可能造成解析错误。例如，下面的代码就会出错： ```vue <template> <!-- 错误示例：注释在属性内部 --> <div class="<!-- wrong comment -->">Some content</div> </template> ``` 应改成： ```vue <template> <!-- 正确示例：注释在属性外部 --> <!-- 这里描述class的用途 --> <div class="correct-class">Some content</div> </template> ``` #### 3. 更新ESLint和相关插件 确保ESLint和 `eslint-plugin-vue` 是最新版本，旧版本可能存在解析问题。可以使用以下命令进行更新： ```bash npm update eslint eslint-plugin-vue ``` #### 4. 检查配置文件 查看 `.eslintrc.js` 或者 `.eslintrc.json` 配置文件，确认是否有特殊规则影响了注释的解析。有时候，自定义规则可能会导致此类错误。 #### 5. 禁用规则（不推荐） 若以上方法都不管用，可尝试在 `.eslintrc.js` 或者 `.eslintrc.json` 中暂时禁用 `vue/no-parsing-error` 规则，但这只是临时解决方案，不建议长期使用。 ```json { "rules": { "vue/no-parsing-error": "off" } } ```
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值