theluyuan/vue3-yuanma
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix(ssr): fix hydration error when teleport is used as component root

Browse Source 
fix #4293
This commit is contained in:
Evan You 2022-05-18 12:18:12 +08:00
parent fd2aa120a1
commit b60cff052c
1 changed files with 9 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
packages/runtime-core/src/hydration.ts
View File

@ -207,6 +207,15 @@ export function createHydrationFunctions(
? locateClosingAsyncAnchor(node) ? locateClosingAsyncAnchor(node)
: nextSibling(node) : nextSibling(node)
// #4293 teleport as component root
if (
nextNode &&
isComment(nextNode) &&
nextNode.data === 'teleport end'
) {
nextNode = nextSibling(nextNode)
}
// #3787 // #3787
// if component is async, it may get moved / unmounted before its // if component is async, it may get moved / unmounted before its
// inner component is loaded, so we need to give it a placeholder // inner component is loaded, so we need to give it a placeholder