Failed to execute ‘setAttribute‘ on ‘Element‘: ‘‘ is not a valid attribute name.

努力搞米

已于 2024-07-25 19:31:33 修改

阅读量905

点赞数 2

文章标签：前端 javascript 开发语言

于 2024-04-30 12:45:56 首次发布

本文链接：https://blog.csdn.net/m0_58403721/article/details/136487033

版权

页面一片空白，页面刷新不出来，浏览器控制台报错 Vue 项目编译无法通过InvalidCharacterError: Failed to execute 'setAttribute' on 'Element': '' is not a valid attribute name.

Failed to execute 'setAttribute' on 'Element': '' is not a valid attribute name.

开发过程中，莫名遇到这个操作，一直找不到问题，页面空白，控制台报这个错误，在网上寻找解决方案，可是大家都是标点写错了，引号里面会标明错误标点，但是我的直接空格，难办

最终发现，在template模版里一行代码不知道什么时候误触，打了一长串空格，导致报错

果然，遇到问题还是得多从自己的代码找问题，仔细地去找，总能找到问题所在

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

努力搞米

关注关注

2
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

maven出现：Failed to execute goal on project …: Could not resolve dependencies for project …

01-20

[INFO] ———————————————————————— [INFO] Reactor Summary for demo 0.0.1-SNAPSHOT: [INFO] [INFO] demo ……………………………………….. FAILURE [18:18 min] [INFO] admin-service ……………………………….. SKIPPED [INFO] user-service ………………………………… SKIPPED [INFO] myweb ………………………………………. SKIPPED [INFO] ———————————————————————— [INFO]

Vue3 Failed to execute ‘setAttribute‘ on ‘Element‘: ‘】‘ is not a valid attribute name.

qq_33240556的博客

06-27

895

如果属性值来源于外部数据（如API响应），确保这些数据在用于设置DOM属性前已被正确处理和验证，移除任何可能导致无效属性名的字符。保持代码的整洁和规范，定期进行代码审查，可以有效预防这类问题的发生。表明Vue尝试设置的属性名称包含了不合法的字符，通常属性名应该是字母、数字、连字符（-）或下划线（_）组成，并且不能以数字开头。：首先，回到引发错误的Vue组件模板中，仔细检查是否有误输入了特殊字符作为属性名，如错误信息所示的。），确保传递给它的变量或表达式计算结果是一个有效的属性名。

参与评论您还未登录，请先登录后发表或查看评论

关于自己在实现LoginServlet遇到的问题及解决办法

最新发布

skarv的博客

09-02

1098

自己在实现LoginServlet中遇到的三个问题，包括如何配置，request取不到参数，无法使用spring容器中的bean

解决报错：Failed to execute ‘setAttribute‘ on ‘Element‘: ‘：todos‘ is not a valid attribute name

薇z的博客

07-02

8777

报错：Failed to execute 'setAttribute' on 'Element': '：todos' is not a valid attribute name

Failed to execute ‘setAttribute‘ on ‘Element‘: ‘；‘ is not a valid attribute name.

ranran_feng的博客

08-16

3937

Failed to execute 'setAttribute' on 'Element': ';' is not a valid attribute name. 报错原因是你刚刚修改的内容多了不相干的字符，我的是多了一个;分号，还得查查，要不然改到死也不知道在哪

Failed to execute ‘setAttribute‘ on ‘Element‘: ‘0‘ is not a valid attribute name.“

wisdom_176的博客

05-17

4702

跑项目时突然报错Failed to execute ‘setAttribute’ on ‘Element’: ‘0’ is not a valid attribute name." 可能是不小心按到一个0输入到文件里面了。上网搜寻一番后发现基本上带有ailed to execute ‘setAttribute’ on ‘Element’: ‘X’ is not a valid attribute name."的，一般都是不知道.vue文件代码里多了一个不规范的X字符引起的。只需要仔细查找.vue文件里的这

ExtJS报错： Failed to execute 'setAttribute' on 'Element': ''' is not a valid attribute name.

walle的博客

06-03

7371

Uncaught DOMException: Failed to execute 'setAttribute' on 'Element': ''' is not a valid attribute name. at h.syncContent (http://cxpsi.cn/web/Public/ExtJS/ext-all.js:21:230681) at h.sy...

Failed to execute 'setAttribute' on 'Element': '：image' is not a valid attribute name.

07-28

- *1* [Failed to execute ‘setAttribute‘ on ‘Element‘: ‘0‘ is not a valid attribute name.“](https://blog.csdn.net/wisdom_176/article/details/116952752)[target="_blank" data-report-click={"spm":...

Error in nextTick: "InvalidCharacterError: Failed to execute 'setAttribute' on 'Element': '5678' is not a valid attribute name."

07-27

- *2* *3* [vue 报错-- xxx is not a valid attribute name](https://blog.csdn.net/sunny_desmond/article/details/81118067)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_...

Failed to execute 'setAttribute' on 'Element': '@change' is not a valid attribute name.

07-28

这个错误通常是由于在给元素设置属性时使用了无效的属性名导致的。...有效的属性名应该是不带特殊字符或符号的，只能包含字母、数字和连字符（-）。请确保使用正确的属性名来设置元素的属性。如果您需要进一步帮助，请...

: Failed to execute 'setAttribute' on 'Element': ',' is not a valid attribute name. 这个报错啥意思

05-24

你可以检查一下代码中是否有类似以下的错误： ...element.setAttribute('data-name, 'value'); ``` 应该修改为： ``` element.setAttribute('data-name', 'value'); ``` 注意逗号 "," 应该替换为等号 "="。

Failed to execute 'setAttribute' on 'Element': 'router,' is not a valid attribute name.

03-23

这个错误提示是因为在设置元素属性时使用了无效的属性名"router"，可能是因为该属性名不在元素的属性列表中。需要检查代码中的元素属性设置，确保使用的属性名是有效的。如果需要使用自定义属性，可以使用"data-...

DOMException: Failed to execute 'setAttribute' on 'Element': ',' is not a valid attribute name

热门推荐

游海东的技术专栏

05-17

1万+

1、错误描述 2、错误原因 <template> <div id="column3dChart"> <fusioncharts :type="type" :width="width", :height="height" :dataFormat="dataFormat" :data...

Failed to execute ‘setAttribute‘ on ‘Element‘: ‘,；.m-item‘ is not a valid attribute name.

m0_57364615的博客

11-26

1387

Vue项目突然白屏页面不出来,代码里面也没有报错,控制台console这样报错莫慌,其实应该是不小心在某个标签输入了非法字符,仔细看报错去代码查找去掉之后,刷新页面,解决

angular开发报错：InvalidCharacterError: Failed to execute 'setAttribute' on 'Element': ')' is not a valid

Brave Soul Blog

01-28

1万+

在webStorm开发angular应哟时候，突然开发报错，看了很多没看到 core.js:14597 ERROR Error: Uncaught (in promise): InvalidCharacterError: Failed to execute ‘setAttribute’ on ‘Element’: ‘)’ is not a valid attribute name. Error: ...

Error in nextTick: “InvalidCharacterError: Failed to execute ‘setAttribute‘ on ‘Element‘: ‘,‘ is not

weixin_42471170的博客

06-29

3368

记录vue中一次报错： Error in nextTick: “InvalidCharacterError: Failed to execute ‘setAttribute’ on ‘Element’: ‘,’ is not a valid attribute name.” 问题所在：是因为xxx.vue页面文件中的template的某个元素标签上多了一个‘,’符号，导致vue无法解释属性所造成的。解决方案是：找到对应的页面，把这个多了‘,’符号元素标签找出来，并把‘,’符号去掉就可以解决 ...

[Vue warn]: Error in nextTick: “InvalidCharacterError: Failed to execute ‘setAttribute‘ on ‘Element‘

H-rosy的博客

06-23

7341

[Vue warn]: Error in nextTick: "InvalidCharacterError: Failed to execute 'setAttribute' on 'Element': 'width:60%' is not a valid attribute name." warn @ vue.esm.js?efeb:628 logError @ vue.esm.js?efeb:1902 globalHandleError @ vue.esm.js?efeb:1897 handleErro

UE报错：Uncaught TypeMismatchError: Failed to execute 'removeAttributeNode' on 'Element'解决方案

大愚Talk

10-09

6560

适用UE富文本bianUncaught TypeMismatchError: Failed to execute 'removeAttributeNode' on 'Element': The 1st argument provided is either null, or an invalid Attr object.