TypeError: Cannot read properties of null (reading ‘parentNode‘) vue3踩坑

最新推荐文章于 2024-08-15 10:27:38 发布
最新推荐文章于 2024-08-15 10:27:38 发布
阅读量1.9w 收藏 12
点赞数 7
文章标签： javascript 前端 vue.js vscode 前端框架
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_57997644/article/details/130475766
版权

 解决方法一：如果声明的常量用ref，则检查赋值与被赋值是否都是对应的。

 

 如上图，我赋值的为一个对象，直接这样写就会报上面第一张图的错误。

改正：将ref()改成ref({})

 解决方法二：如果用的是reactive

则用Object.assign(a, b)，第一个a是被赋值的，第二个是有数据的

 

有关Object.assign()的知识可点击Object.assign() - JavaScript | MDN (mozilla.org)

 

 

酱爆本酱
关注
解决TypeError: Cannot read properties of null (reading ‘xxx‘)的错误
念兮为美
03-14 7万+
解决TypeError: Cannot read properties of null (reading ‘xxx‘)的错误.
vue3 router配置有关parent报null 的错误问题
lishishi521的博客
11-04 4799
vue3 router配置有关parent报null 的错误问题
vue 3.0 keep-alive 失效 报错 Cannot read properties of null (reading ‘parentNode‘)
susanliy的博客
12-07 5722
版本： vue “3.2.4” vue-loader “16.4.1” vue-router “4.0.11” <router-view v-slot="{ Component }"> <keep-alive> <suspense timeout="0"> <template #default> <component :is="Component" />
TypeError: Cannot read properties of null (reading ‘emitsOptions‘)
最新发布
qq_44792224的博客
08-15 222
参考
Cannot read properties of null (reading ‘parentNode‘) TypeError: Cannot read
weixin_57975082的博客
07-27 1183
在声明reactive数据时，axios获取到的数据一般是对象，需要转为数组才能使用，自学太难了，容易踩坑，菜鸡QAQ。
解决vue3 router配置有关parent报null 的错误问题
m0_61230908的博客
10-10 626
今天在构建项目的时候的问题，在使用vue create 成功构建项目后使用的 使用的vue-router 报了新的问题：Uncaught TypeError: Cannot read properties of null (reading 'parent') 经过查找发现并没有问题，搜索了许多也没有发现好的解决方案，最后偶然发现package.json中并没有安装上router的依赖 重新安装下路由就可以。
“Cannot read properties of null(reading ‘parentNode‘)vue3运行报错 引入element-plus库
luciyana的博客
03-31 1366
（注意，之前新生成vue项目的时候，跟着网上教程选的配置，但是要注意如果用element-ui的话就要使用vue2，vue3配套的是element-plus，所以是重新生成vue3项目再搬运，走了很多弯路，不过新手都正常啦）里面使用到了element-plus库的组件，但是没有加入引用，所以报错。本人刚刚开始接触前端，记录一下遇到的问题，希望可以帮助到你！不过我的表达不太标准，因为非常外行，欢迎大家批评指正啦！然后不要忘记在main.js中加入引用哦。就发现可以啦，耶耶耶！
element el-select Cannot read properties of null (reading ‘parentNode‘)错误
qq_15903703的博客
10-09 9168
需要定义一个ID_INJECTION_KEY给后续组件使用，引用element-plus修改如下。
vue中集成jsplumb报错`Cannot read property ‘parentNode‘ of null`，且无法渲染连线的问题
weixin_41102672的博客
10-31 9906
简介 我在项目中使用了typescript+vue+jsplumb作为流程图框架。 问题 我在容器中使用的是v-for指令渲染。从配置文件中读取流程图的json并且存入this.items变量中，通过v-for指令渲染一系列组件。 代码： mounted(){ this.items = JSON.parse(JSON.stringify(demoGraph)); // 这里的nextTick的作用是，this.items已经被更新，可是DOM还没有发生更新。 // jsplumb是通过访问do
Vue3 TypeError: Cannot read properties of null
init_yanxiao的博客
04-20 802
缺少emit绑定的事件，导致双向绑定失败，v-model写成v-modle 写错字。
报错 TypeError: Cannot read property 'parentNode' of null
蚁族的奋斗的博客
11-17 3万+
我是在循环的时候报的这个错，后来解决的话是            如果不是以下的问题可以重新赋值来做。 JSON.parse(JSON.stringify(this.moreImageList)) 序列化然后在转化为对象，因为刚开始的对象如下图，不是一个标准的对象，所以会报错 这才是标准的对象；只有key value 和__proto__...
vue级联(el-cascader)方式作为表格查询条件( el-cascader报错 “TypeError: Cannot read properties of null (reading ‘le)
qq_33911541的博客
12-02 664
vue级联(el-cascader)方式作为表格查询条件(下拉框) el-cascader报错 “TypeError: Cannot read properties of null (reading ‘level‘)“
Vue3.0中：TypeError: Cannot read properties of undefined (reading ‘hidden‘)
lazy_zhuo的博客
04-09 1972
1、问题 <el-submenu index="1" v-for="(item,index) in this.$router.options.routes" :key="index" v-if="item.hidden"> 报错：TypeError: Cannot read properties of undefined (reading ‘hidden’) 2、原因 3.x 版本中 v-if 总是优先于 v-for 生效。所有v-if还没有遍历出v-for内容 链接: link. 4、解决：
vue3 Uncaught (in promise) TypeError: Cannot read properties of null (reading parentNode )
05-16
这个错误通常是因为在代码中使用了不存在的元素或组件。当你试图从一个不存在的元素获取父节点时，就会出现这个错误。常见的情况是在组件的生命周期钩子函数中操作 DOM 元素，但是这个 DOM 元素可能还没有被渲染出来...
vue3 使用 async await 提示 Uncaught (in promise) TypeError: Cannot read properties of null (reading 'parentNode')
05-16
你可以尝试使用Vue 3提供的异步组件和Suspense组件来解决此问题。 异步组件可以让你异步加载一个组件，而不是一次性加载整个应用程序。当你需要渲染一个异步组件时，Vue会暂停渲染并显示一个指定的fallback组件，...
Vue3（组合式）父组件调用子组件方法时出现Cannot read properties of null (reading ‘属性名’)
袁的博客
05-19 3399
Vue3（组合式）父组件调用子组件方法时出现Cannot read properties of null (reading ‘属性名’)
深入理解并解决Uncaught TypeError: Cannot read properties of null“的全面指南“
热门推荐
奇妙的Bug之旅
11-10 9万+
在JavaScript中，当你试图访问一个null或undefined对象的属性时，就会抛出这个错误。例如，如果你有一个变量x，它的值为null，然后你尝试访问x.property，就会得到"Uncaught TypeError: Cannot read properties of null"的错误。在使用任何变量之前，都应该先检查它是否已经定义。你可以使用typeof操作符来检查一个变量的类型。// 访问x的属性。
Vue 3遇到的问题
意纯的博客
04-07 819
通过路由切换组件的时候，发现从A组件切换到任意其它组件时，总会报错，导致后面组件渲染直接崩溃，一开始还以为是路由有问题（因为组件内容为测试内容，非常简单，只有几个数字），定位了个把小时，仍找不到原因，最后把目光锁定在了组件里，才发现。标签里没有加根标签，直接写了数字用于占位，后面加上根标签，问题解决。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值