Vuejs Error: The client-side rendered virtual DOM tree is not matching server-rendered

Question

I am using Nuxt.js / Vuejs for mmy app, and I keep facing this error in different places:

    The client-side rendered virtual DOM tree is not matching serve         


        

Answer 1

What I have found so far from observation is that when you are using third party packages like jQuery (specially), they sometimes inject html tags into the dom. So Vue/Nuxt looses track of the dom tree and starts complaining.

I was having the same problem and after a while I removed all jQuery and replaced jQuery functionality with Vuejs and those error were all gone.