對我來說,這個錯誤發(fā)生是因為在 AsyncData
中獲取數(shù)組列表并通過 v-for
渲染 標簽,我把
塊中的 >v-for 代碼并解決問題
部分答案:使用 Chrome DevTools,您可以定位問題并準確查看導(dǎo)致問題的元素。執(zhí)行以下操作(我使用 Nuxt 5.6.0 和 Chrome 64.0.3282.186 執(zhí)行此操作)
msg
變量上來查看消息。 patch
中執(zhí)行行上方 4 行的 Hydro
函數(shù)調(diào)用上。將打開指向Hydrate
來源的超鏈接。 enchanted
函數(shù)中,從開頭移動大約 15 行,并設(shè)置一個斷點,在 assertNodeMatch
返回后返回 false
假
。在那里設(shè)置斷點并刪除所有其他斷點。 enchanted
函數(shù)中停止。切換到 DevTools 控制臺并評估 elm
,然后評估 vnode
。這里 elm 似乎是一個服務(wù)器渲染的 DOM 元素,而 vnode 是一個虛擬 DOM 節(jié)點。 Elm 打印為 HTML,因此您可以找出錯誤發(fā)生的位置。