vue3 Error on Cannot read properties of null (reading ‘insertBefore‘)报错无法正常显示，解决办法。

9月前作者：回忆哆啦没有A梦分类：Toy博客阅读(58) 违法举报

这篇具有很好参考价值的文章主要介绍了vue3 Error on Cannot read properties of null (reading ‘insertBefore‘)报错无法正常显示，解决办法。。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

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

本地启动时，页面所有操作正常，显示正常；部署到生产环境后，数据驱动DOM变化的操作会导致如下报错。
Cannot read properties of null (reading 'insertBefore')
vue3 Error on Cannot read properties of null (reading ‘insertBefore‘)报错无法正常显示，解决办法。,# vue遇到的一些报错问题以及处理,vue.js,前端,javascript
这个错误，导致页面显示出现异常，无法正常显示。

猜测原因

模板渲染导致无法找到，可能的原因有以下三个：

v-if 导致:（使用v-show替换了v-if）
v-for导致：
数据初始化为undefined，但是在模板中有调用或者渲染。

解决办法

可以通过逐步排查页面的代码，注释代码，发布生产查看。试出看问题出在哪里。

替换代码

我的页面最终发现问题所在是因为v-if，然后使用v-show替换了v-if就不存在报错问题。

升级版本

还有发现解决办法，可以将Vue 更新到最新版本 (vue@3.2.45) 来修复它。文章来源地址https://www.toymoban.com/news/detail-524626.html

到了这里，关于vue3 Error on Cannot read properties of null (reading ‘insertBefore‘)报错无法正常显示，解决办法。的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：如若内容造成侵权/违法违规/事实不符，请点击违法举报进行投诉反馈，一经查实，立即删除！

分享到：

领支付宝红包赞助服务器费用

错误：ERROR Cannot read properties of null (reading ‘type‘)

ERROR Cannot read properties of null (reading ‘type’) TypeError: Cannot read properties of null (reading ‘type’) 改正后：单位找到原因

2024年02月05日
浏览(49)
[Vue warn]: Error in v-on handler: “TypeError: Cannot read properties of undefined (reading ‘$refs‘)

报错： [Vue warn]: Error in v-on handler: \\\"TypeError: Cannot read properties of undefined (reading \\\'$refs\\\')\\\" 背景： 1.在做vue项目时，在功能弹框中，想实现新增内容。 2. 报错原因是要触发menuCheckall组件后，才可以提交，因为不触发menuCheckall的时候dom未加载，没有编译渲染进dom里

2024年01月18日
浏览(41)
VUE+element UI ：TypeError: Cannot read properties of null (reading ‘setAttribute‘)

报错提示：原因就是使用了 el-dropdown 但是却没有它的子组件 el-dropdown-menu，解决办法： 1. 加一个 el-dropdown-menu 2. 不要用这个组件就行

2024年02月04日
浏览(49)
【vue3+ts】TypeError: Cannot read properties of undefined (reading ‘commit‘)

vue3组合式api中使用store.commit报错，提示：打印store的值，显示undefined。经排查， const store = useStore() 不能写在setup函数的函数内部，应该就写在setup下。useStore这个方法的调用位置是有要求的，它只能在setup函数中调用，这是它的语法规定。组合式API中使用vuex文档：官网

2024年02月15日
浏览(54)
解决 Cannot read properties of null (reading ‘disabled‘)报错

在Vue + elementUI 后台项目里遇到了一个问题，所有模块的的下拉Select 和时间选择器DataPicker (可能还有其他组件) ，在选择后点击页面其他地方都不会自己收起。打开控制台会发现报错了，每点击一次，错误+1. 代码里全局搜索 el-dropdown ，el-dropdown下缺少 el-dropdown-menu 元素，如果

2024年02月13日
浏览(41)
[npm]Cannot read properties of null (reading 'pickAlgorithm')

在使用 npm install 命令安装依赖时，报出了 Cannot read properties of null (reading \\\'pickAlgorithm\\\') 这个错误，这个可能是由于 npm 的缓存问题引起的。解决方法如下，输入命令： shell npm cache clear --force 清除一下 npm 的缓存，基本上应该能行了。

2024年02月09日
浏览(41)
“TypeError: Cannot read properties of null (reading ‘getContext‘)“

目录一、报错截图二、使用场景三、代码截图四、报错原因五、解决办法第一次在vue项目种使用canvas，跟着网上教程做，标签canvas写好了，dom元素获取了，简单“画”了一下，运行之后报\\\"TypeError: Cannot read properties of null (reading \\\'getContext\\\')\\\"的错。意思是：找不到getContex

2024年02月16日
浏览(45)
❤ cannot read properties of null(reading appendChild)解决办法

写的一个js渲染，但是出了个小问题，cannot read properties of null(reading appendChild)报错。大致意思是：不能读取空的属性。 1、console.log() //打印数据内容，查看获取数据是否有问题。 2、js引入放body最后面，页面是自上而下的运行的，HTML都没有运行到，当然获取不到对应节点 3、

2024年02月14日
浏览(43)
Uncaught TypeError: Cannot read properties of null (reading ‘getAttribute‘)

简述：vue项目报错， Uncaught TypeError: Cannot read properties of null (reading \\\'getAttribute\\\') ，翻译：无法读取null属性(读取\\\'getAttribute\\\')，解析：getAttribute()是js获取属性方法，就是getAttribute不能读取null的属性，这种错误一般出现在使用Echarts和地图后，当切换到空白页面后，重置页面时，

2024年02月11日
浏览(53)
Uncaught TypeError: Cannot read properties of null (reading ‘style‘)

Uncaught TypeError: Cannot read properties of null (reading \\\'style\\\') 2：报错的原因文档的加载过程是自上向下加载。使用未命名的变量、会报错 3；解决办法 1、将Javascript代码从标签中放入body中 2、 window.onload = function(){}框起来

2024年02月15日
浏览(44)