-
-
Notifications
You must be signed in to change notification settings - Fork 8.9k
Closed
Labels
🔨 p3-minor-bugPriority 3: this fixes a bug, but is an edge case that only affects very specific usage.Priority 3: this fixes a bug, but is an edge case that only affects very specific usage.🐞 bugSomething isn't workingSomething isn't workingscope: ssr
Description
Vue version
3.2.25
Link to minimal reproduction
https://stackblitz.com/edit/github-zgzicn-7sfwqr?file=src%2FFunctionalComponent.tsx
Steps to reproduce
In SSR mode:
- Create functional component
- Return tag with text node and expression inside (e.g.
<div>Text node {'expression'}</div>)
What is expected?
No errors/warnings
What is actually happening?
Hydration error
Logs:
[Vue warn]: Hydration text mismatch:
- Client: "Text node expression"
- Server: "Text node "
at <Anonymous>
at <App>
[Vue warn]: Hydration children mismatch in <div>: server rendered element contains fewer child nodes than client vdom.
at <Anonymous>
at <App>
Hydration completed but contains mismatches.
System Info
No response
Any additional comments?
No response
TiBianMod
Metadata
Metadata
Assignees
Labels
🔨 p3-minor-bugPriority 3: this fixes a bug, but is an edge case that only affects very specific usage.Priority 3: this fixes a bug, but is an edge case that only affects very specific usage.🐞 bugSomething isn't workingSomething isn't workingscope: ssr