You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Follow the Readme in my sample repository.
Once you've built the app and have started the webserver, go to localhost:8080 and observe the output in the console.
What is Expected?
Client side hydration should work.
What is actually happening?
Client side hydration bails because there is a mismatch between the client-side rendered vnodes and the server-side rendered nodeList.
I found out that something must have gone wrong with indentation in the template compilation process or with the v-if / v-else directives.
Vue.js version
2.1.6
Reproduction Link
https://github.com/mediafreakch/vue-hydration-bug
Steps to reproduce
Follow the Readme in my sample repository.
Once you've built the app and have started the webserver, go to
localhost:8080
and observe the output in the console.What is Expected?
Client side hydration should work.
What is actually happening?
Client side hydration bails because there is a mismatch between the client-side rendered vnodes and the server-side rendered nodeList.
I found out that something must have gone wrong with indentation in the template compilation process or with the
v-if
/v-else
directives.Compare this
App.vue
template (hydration bails):to this (hydration works):
The text was updated successfully, but these errors were encountered: