Cannot read properties of null (reading ‘insertBefore‘)

一、報(bào)錯(cuò)現(xiàn)象

vue3 + element plus 項(xiàng)目,本地啟動(dòng)時(shí),頁(yè)面進(jìn)行所有操作都正常;部署到生產(chǎn)環(huán)境后,數(shù)據(jù)驅(qū)動(dòng)DOM變化的操作會(huì)導(dǎo)致如下報(bào)錯(cuò)。


image.png

二、可能原因及解決方案

經(jīng)過(guò)分析出現(xiàn)報(bào)錯(cuò)的操作步驟及多方資料查詢(xún),不同情況下的報(bào)錯(cuò),其原因不同。遇到這種問(wèn)題的同學(xué)可以從以下幾方面進(jìn)行排查。
該錯(cuò)誤可能是由于模板渲染中嘗試undefined去渲染

  • 1、v-if 導(dǎo)致:

  • 2、 v-for導(dǎo)致:

  • 3、數(shù)據(jù)初始化為undefined,但是在模板中有調(diào)用或者渲染

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • Vue面試題 v-html 會(huì)有XSS風(fēng)險(xiǎn),會(huì)覆蓋子組件 computed 有緩存,data不變則不會(huì)重新計(jì)算 w...
    play_0閱讀 3,066評(píng)論 0 6
  • 1.vue和react的區(qū)別 相似之處: (1).他們都專(zhuān)注于創(chuàng)造前端的富應(yīng)用,react和vue都只有骨架,其它...
    Giann閱讀 393評(píng)論 0 0
  • 1.說(shuō)說(shuō)對(duì)雙向綁定的理解 1.1、雙向綁定的原理是什么 我們都知道Vue是數(shù)據(jù)雙向綁定的框架,雙向綁定由三個(gè)重要部...
    GuessYe閱讀 642評(píng)論 0 0
  • 完整版推薦在線(xiàn)閱讀 https://interview2.poetries.top/[https://interv...
    前端進(jìn)階之旅閱讀 3,663評(píng)論 2 20
  • 本文目錄 1.簡(jiǎn)述Vue的響應(yīng)式原理 2.delete和Vue.delete刪除數(shù)組的區(qū)別 3.v-for循環(huán)時(shí)為...
    前端輝羽閱讀 1,026評(píng)論 0 12

友情鏈接更多精彩內(nèi)容