vuepress自定義組件 nuxt服務端渲染的奇怪bug:Failed to execute 'appendChild' on 'Node'

記錄一個遇到的超級詭異的問題,在寫cnchar文檔時,本人基於vuepress自定義組件來實現一些動態功能,然後dev調試一且正常,build完成之後發不到線上發現某些頁面會報下面的奇怪的錯誤,看不出問題產生原因。
在這裏插入圖片描述

網上搜索一遍,沒有找到有用的答案,於是只有本地build調試,試了千百次之後,發現原因是自定義組件只要用一個 div 包裹起來就可以了。

在這裏插入圖片描述
不要問我怎麼發現的,肝就完了!!

但是坑爹的是有的頁面不包裹也是ok的,把沒問題的頁面代碼全部拷到有問題的頁面上build運行也是正常的,比對了半天,沒發現 md 代碼有什麼不對的地方,猜測可能是服務端渲染、md代碼、自定義組件在一起運行時導致的bug。

一個大坑,記錄一下,vuepress自定義組件引用時請用一個div包裹一下!

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章