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

目录

一、问题

二、解决方案

---

一、问题

最近在用Vite4+Typescript+Vue3.2+SSR微应用架构重构我的博客，在我构建上线之后发现浏览器上一直报如下的错误：

TypeError: Cannot read properties of null (reading ‘insertBefore‘)；

TypeError: Cannot read properties of null (reading ‘emitsOptions‘)；

二、解决方案

经过博主查阅报错分析，得出结论，是因为我这边是单页面SSR渲染，在服务端渲染是状态v-if = false，在 v-if 值为 false 时，如果操作了 v-if 控制的 DOM，可能会因为该 DOM 元素不存在而报错。

经过博主测试，将v-if改为v-show替换时，报错消失。完美解决，YYDS！

欢迎在评论区交流。

如果文章对你有所帮助，❤️关注+点赞❤️鼓励一下！博主会持续更新。。。。

我的线上博客：富朝阳的博客