报错：Cannot read properties of null (reading ‘insertBefore‘)(reading ‘parentNode‘)

最新推荐文章于 2025-04-01 09:48:16 发布

努力学习的俊猫

最新推荐文章于 2025-04-01 09:48:16 发布

阅读量528

点赞数 2

分类专栏： vue3 文章标签：前端 vue.js elementui vue

本文链接：https://blog.youkuaiyun.com/happy0224/article/details/144886644

版权

vue3 专栏收录该内容

1 篇文章

订阅专栏

报错：Cannot read properties of null (reading ‘insertBefore’)Cannot read properties of null (reading ‘parentNode’)

vue3+element-plus
同样操作本地没有报错，打包部署后报错
操作：选择，点击弹出弹窗，关闭弹窗，再选择，点击弹窗不出现，报错

网上办法

1.el-dialog添加destroy-on-close（无用），我用的v-if也可以重新渲染
2. el-table（此操作没牵涉到）
3. v-if换成v-show,此操作没必要
4. 更新vue到最新版（最终解决）
npm install vue@latest

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

努力学习的俊猫

关注关注

2
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

解决TypeError: Cannot read properties of null (reading ‘xxx‘)的错误

念兮为美

03-14

7万+

解决TypeError: Cannot read properties of null (reading ‘xxx‘)的错误.

vue3 - element plus 报错 TypeError: Cannot read properties of null (reading ‘emitsOptions‘)，使用组件报错详细解决

高级前端工程师

06-12

5459

vue3，elementPlus，TypeError: Cannot read properties of null (reading 'emitsOptions')，TypeError: Cannot read properties of null (reading 'insertBefore')，vue3使用element-plus中el-table组件报错关键字'emitsOptions'与'insertBefore'分析，在本地运行的时候一点错误也没有，但是打包后放到线上环境就开始报错，vue3报错

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

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

weixin_57975082的博客

07-27

1331

在声明reactive数据时，axios获取到的数据一般是对象，需要转为数组才能使用，自学太难了，容易踩坑，菜鸡QAQ。

js | TypeError: Cannot read properties of null (reading ‘indexOf‘) 【解决】

热门推荐

weixin_57997644的博客

05-03

2万+

则用Object.assign(a, b)，第一个a是被赋值的，第二个是有数据的。如上图，我赋值的为一个对象，直接这样写就会报上面第一张图的错误。有关Object.assign()的知识可点击。解决方法二：如果用的是reactive。改正：将ref()改成ref({})

“Cannot read properties of null(reading ‘parentNode‘)vue3运行报错引入element-plus库

luciyana的博客

03-31

1816

（注意，之前新生成vue项目的时候，跟着网上教程选的配置，但是要注意如果用element-ui的话就要使用vue2，vue3配套的是element-plus，所以是重新生成vue3项目再搬运，走了很多弯路，不过新手都正常啦）里面使用到了element-plus库的组件，但是没有加入引用，所以报错。本人刚刚开始接触前端，记录一下遇到的问题，希望可以帮助到你！不过我的表达不太标准，因为非常外行，欢迎大家批评指正啦！然后不要忘记在main.js中加入引用哦。就发现可以啦，耶耶耶！

vue 3.0 keep-alive 失效报错 Cannot read properties of null (reading ‘parentNode‘)

susanliy的博客

12-07

5955

版本： 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" />

element el-select Cannot read properties of null (reading ‘parentNode‘)错误

qq_15903703的博客

10-09

9363

需要定义一个ID_INJECTION_KEY给后续组件使用，引用element-plus修改如下。

Vue3 - 解决报错 Uncaught (in promise) TypeError: Cannot read properties of null (reading ‘insertBefore‘)

王二红

07-16

5942

vue3，nuxt3，无法读取null的属性（读取“insertBefore”），vue3insertBefore，报错，Uncaught(inpromise)TypeError:Cannotreadpropertiesofnull(reading‘insertBefore‘)，详细解决，v-if导致，v-show，渲染时报错，dom元素，改变时报错，组件，插件，vue版本升级，依旧报错，还是不行，改了还报错，点击按钮展示弹框报错，本地启动时，页面所有操作正常，显示正常；部署到生产环

TypeError: Cannot read properties of null (reading 'insertBefore') 和TypeError: Cannot read properties of null (reading 'emitsOptions')

01-21

TypeError: Cannot read properties of null (reading 'insertBefore') 和 TypeError: Cannot read properties of null (reading 'emitsOptions') 是JavaScript中常见的错误类型，通常表示在一个空值（null）上尝试...

生产环境一直报错TypeError: Cannot read properties of null (reading ‘insertBefore‘)

11-09

生产环境报错TypeError: Cannot read properties of null (reading ‘insertBefore‘)通常是由于在代码中使用了未定义或未初始化的变量或对象，导致无法读取其属性而引起的。这种错误通常会导致代码停止执行并抛出...

vue 安装 vant design 报错TypeError: Cannot read properties of null (reading 'insertBefore')

01-01

TypeError: Cannot read properties of null (reading 'insertBefore') ``` 该问题通常源于 DOM 操作中的节点未正确加载或被误操作。以下是详细的排查和解决方法。 #### 错误原因分析此类错误表明尝试访问的对象...

vue中集成jsplumb报错`Cannot read property ‘parentNode‘ of null`，且无法渲染连线的问题

weixin_41102672的博客

10-31

9997

简介我在项目中使用了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

887

缺少emit绑定的事件，导致双向绑定失败，v-model写成v-modle 写错字。

Cannot read properties of null (reading ‘insertBefore‘)

weixin_46856618的博客

09-04

4040

vue3 + element plus 项目，本地启动时，页面进行所有操作都正常；部署到生产环境后，数据驱动DOM变化的操作会导致如下报错。

解决vue3父组件执行子组件方法报错：TypeError: Cannot read properties of null

jiaohuizhuang6019的博客

11-06

4956

解决vue3父组件执行子组件方法报错：TypeError: Cannot read properties of null

vue报错（3）TypeError: Cannot read property ‘ ’ of null

qq_36445925的博客

09-27

7983

父组件通过props传值到子组件，而data是无法访问到props里面的值的，所以要用watch监听去获得具体写法是这样https://www.jianshu.com/p/fdf9fc250f7f?utm_source=oschina-app

vue3生产环境，点击按钮展示弹框报错TypeError: Cannot read properties of null (reading ‘insertBefore‘)

hln136285的博客

05-10

608

点击按钮打开弹框，之后关闭弹框后，再次点击打开弹框按钮时，就会报错。方法不能将数据等清空，所以需要在打开弹框的方法中使用。时，需要将弹窗里面的表单内容及校验规则清空，查询了。,使用表单属性，将表单中的校验规则清空。

Cannot read properties of null (reading insertBefore')

08-26

这个错误通常发生在你尝试使用 `insertBefore` 方法时，但是目标元素为 `null`。请确保目标元素存在并已正确获取。你可以通过在调用 `insertBefore` 之前添加一些条件来避免这个错误，例如： ```javascript const targetElement = document.getElementById('target'); if (targetElement) { const newNode = document.createElement('div'); // 在目标元素之前插入新节点 targetElement.parentNode.insertBefore(newNode, targetElement); } else { console.log('未找到目标元素！') } ``` 这样，如果 `targetElement` 为 `null`，则不会尝试执行 `insertBefore` 操作，并在控制台输出错误消息。希望能帮到你！如果还有其他问题，请随时提问。