The recent upgrade to vue 2.5.10 causes hydration errors in my app (commit 4cf855):
The client-side rendered virtual DOM tree is not matching server-rendered content.
The error is:
[nuxt] Error while initializing app TypeError: Cannot read property 'toLowerCase' of undefined
at emptyNodeAt (vue.runtime.esm.js?ff9b:5127)
...
It seems that nodeOps.tagName(elm)
is undefined
, and that elm
(if chrome devtools is to be believed) is an empty comment node here:
<div id="__nuxt">
<div class="nuxt-progress" style="width:0%;height:2px;background-color:#0275d8;opacity:0;"></div>
<!---->
</div>
Any idea what's going on?
<!--cmty--><!--cmty_prevent_hook--><div align="right"><sub><em>This question is available on <a href="https://nuxtjs.cmty.io">Nuxt.js</a> community (<a href="https://nuxtjs.cmty.io/nuxt/nuxt.js/issues/c2071">#c2071</a>)</em></sub></div>