Vue 报错： Error in nextTick: "InvalidCharacterError"

最新推荐文章于 2024-05-25 09:43:06 发布
最新推荐文章于 2024-05-25 09:43:06 发布
阅读量3k 收藏
点赞数
分类专栏： 前端 vue 文章标签： vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/heyNewbie/article/details/105514107
版权
前端 同时被 2 个专栏收录
37 篇文章 0 订阅
订阅专栏
vue
19 篇文章 0 订阅
订阅专栏

我遇到这个错误是在IE浏览器中，而项目在chrome浏览器中是正常没有问题的，

按照字面意思很难找到这个问题到底出在哪了，出现的bug为v-if失效，该出现的DOM没有出现，于是我就尝试分析DOM，提示在渲染时出现无效字符，

我的input中加入了正则去替换内容，我尝试去掉之后就好了

heyNewbie
关注
专栏目录
[Vue warn]: Error in nextTick: “TypeError: Cannot read property ‘map‘ of null“
郭宝的博客
08-03 5827
背景： 在使用Element 组件库中的 el-table组件 时，出现了如下错误 vue.runtime.esm.js:619 [Vue warn]: Error in nextTick: "TypeError: Cannot read property 'map' of null" found in ---> <ElTableHeader> <ElTable> at packages/table/src/table.vue &l
Vue报错：Error in render: "TypeError: object null is not iterable
jolieLi2019888的博客
11-15 2369
Vue运行报错： Errorinrender:"TypeError:objectnullisnotiterable\color{red}{Error in render: "TypeError: object null is not iterable}Errorinrender:"TypeError:objectnullisnotiterable 报错原因： 使用了localStorage中值为空...
vue在IE浏览器报Error in nextTick: "InvalidCharacterError"解决方案
soberbloke的博客
11-01 5458
vue在IE浏览器报Error in nextTick: "InvalidCharacterError"解决方案 关于解决vue开发在IE浏览器报Error in nextTick: "InvalidCharacterError"错误解决方案，哈哈，首先你要知道"InvalidCharacterError（无效字符错误 ）"这个很难读并且很难懂它的意思，知道了之后就在你自己vue项目中找到html...
[Vue warn]: Error in nextTick: “InvalidCharacterError: Failed to execute ‘setAttribute‘ 问题解决
lvtaos的博客
06-21 1626
最后发现是 html 代码中多了一个英文逗号 “,”。如题，Vue 项目编译无法通过，提示如下错误。解决办法，去掉逗号编译就通过了。
【Error】Error in nextTick: “InvalidCharacterError: Failed to execute ‘setAttribute‘
栀妹儿的炼丹炉
10-15 2561
报错 Error in nextTick: "InvalidCharacterError: Failed to execute 'setAttribute' 问题和解决 显示页面多打了 ，；...不应该存在的字符 删掉就ok
Failed to execute ‘createElement‘ on ‘Document‘: The tag name provided (‘1‘) is not a valid name.
最新发布
前端路上坎坎坷坷，总有一天站在顶峰仰望世界！！！
05-25 1723
说实话啊，这个错误是真牛逼，排查了2个小时都没让我排查出来，最后排查出来原因啦，需要把本地的cookie以及本地存储的所有内容清空就好啦，我是用一个域名跑了两个项目，来回更新导致的问题。
[Vue warn]: Error in nextTick: “InvalidCharacterError: Failed to execute ‘setAttribute‘ on ‘Element‘
H-rosy的博客
06-23 7398
[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
Vue项目报错：Uncaught SyntaxError: Unexpected token
01-19
今天做一个 VUE 的项目，在引入第三方依赖的 JS 文件时，遇到了一个问题： 控制台的提示：Uncaught SyntaxError: Unexpected token < 按照提示进入文件，再看如下图： 仔细看了看 index.html 文件,发现原本我...
vue table 校验报错：Error in mounted hook: “Error: please transfer a valid prop path to form ite
qq_33911541的博客
05-11 2124
vue table 校验报错：Error in mounted hook: "Error: please transfer a valid prop path to form ite
vue踩坑之报错Error in nextTick: "InvalidCharacterError: Failed to execute 'setAttribute' on 'Element': ''
weixin_43963309的博客
04-29 6663
Error in nextTick: "InvalidCharacterError: Failed to execute ‘setAttribute’ on ‘Element’: ‘’ is not a valid attribute name." 这个错误是在template中出现了‘’符号 可能使用的不对 在上下文去找到这个地方 修改就 OK了 ...
Error in nextTick: “InvalidCharacterError: Failed to execute ‘setAttribute‘ on ‘Element‘: ‘,‘ is not
weixin_42471170的博客
06-29 3449
记录vue中一次报错： Error in nextTick: “InvalidCharacterError: Failed to execute ‘setAttribute’ on ‘Element’: ‘,’ is not a valid attribute name.” 问题所在： 是因为xxx.vue页面文件中的template的某个元素标签上多了一个‘,’符号，导致vue无法解释属性所造成的。 解决方案是： 找到对应的页面，把这个多了‘,’符号元素标签找出来，并把‘,’符号去掉就可以解决 ...
vue ie11报错：Error: 参数无效。；[Vue warn]: Error in nextTick: "Error: 参数无效。"
热门推荐
qq_38652744的博客
11-23 2万+
用了v-for循环来渲染页面，但是再IE11就是渲染不出来，检查了很久，发现后台有个数据没有返回，前台取不到，导致整个循环都没出来;这个也有我前台的责任，以后从后台取数据渲染最好加个v-if判断，“如果有，就显示，没有就不显示该数据！” 由于这个问题排查了很久才找到原因故记录下来以此告诫自己。 ...
解决Vue报错：[Vue warn]: Error in nextTick: “NotFoundError: Failed to execute ‘insertBefore‘ on ‘Node‘: T
Xpy 的博客
04-29 9027
解决Vue报错：[Vue warn]: Error in nextTick: “NotFoundError: Failed to execute ‘insertBefore’ on ‘Node’: The node before which the new node is to be inserted is not a child of this node.” 一、问题产生原因 因为是在template 包裹的最外层div 上使用了v-if、当不渲染时、不符合VUE语法。 <template&gt.
vue报错信息 - - Error in nextTick: “TypeError: Cannot read property ‘__ob__‘ of undefined“
a72039的博客
06-26 2783
今天遇到了这个问题 并不是代码本身有bug 而是因为脚手架中data选项要写成函数类型 用return去返回参数 ，写成这样也是不行的！！ 哪怕你什么数据都没有 也会发生这个错误。 data(){} 我写代码时就会有这样的习惯，先写好代码结构在那放着，偶然间发现这个错误，希望能帮助大家吧。一定要规范代码结构，养成良好的写代码习惯！！ ...
vue项目在ie报错Error in nextTick “参数无效”
hellenYuan的博客
01-26 2123
我的情况是：重复调用同一个接口，页面就不会再刷新，报错参数无效后点击页面任何地方都不行。 解决办法： 添加v-if , 是为了满足重新调用接口的时候子组件会重新渲染（走destroyed生命周期函数） // 父组件.vue内 <Children v-if='contentList.length>0' /> 给子组件手动添加销毁 // 子组件.vue文件 destroyed () { this.$destroy(); }, ...
[Vue warn]: Error in nextTick: “TypeError: Cannot read property ‘key‘ of undefined“
weixin_50918689的博客
09-07 4609
vue报错，出现之后页面出现假死情况，事件代码执行但是不渲染，我是出现在弹窗出现之后点击关闭，弹窗不会关闭，但是弹窗关闭事件里的代码和打印依然执行打印控制弹窗的变量意见发生改变但是弹窗不会关闭，最后找到原因，是表格里的key值重复，如果表格里的key值没问题，看下使用的v-for是否有key值重复的情况，改掉key值使key值唯一即可解决。 ...
vue饿了么学习笔记（5）Failed to resolve directive: el和Error in nextTick问题
qq_22317389的博客
05-17 3284
vue2没有v-el，使用ref替换，将&lt;div class="menu-wrapper" v-el:menu-wrapper&gt;替换成 &lt;div class="menu-wrapper" ref="menuWrapper"&gt;js中获取DOM元素是将this.menuScroll = new BScroll(this.$els.menuWrapper, {});换成this....
chunk-vendors.js:3457 [Vue warn]: Error in render: "TypeError: Cannot read properties of undefined (reading '0')" found in
11-09
这个错误提示是Vue在渲染过程中发现了一个类型错误，即试图读取一个未定义的属性'0'。这通常是由于在Vue模板中使用了未定义的变量或属性引起的。您可以通过以下步骤来解决这个问题： 1.检查您的Vue模板中是否存在未定义的变量或属性。 2.确保您的数据源中包含所需的属性和变量。 3.检查您的Vue组件是否正确地传递了所需的属性和变量。 4.如果您使用的是Vue插件，请确保它已正确安装并配置。 ```javascript // 代码示例 // 检查数据源中是否包含所需的属性和变量 data() { return { myArray: [] } } // 检查Vue组件是否正确地传递所需的属性和变量 <my-component :my-array="myArray"></my-component> ```
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值