Home

Issue: 2385

Latest Vue version update crashes my nuxt app

[issue link]

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?

This question is available on Nuxt.js community (#c2071)