Vuejs Error: The client-side rendered virtual DOM tree is not matching server-rendered : <p>I am using Nuxt.js / Vuejs for mmy app, and I keep facing this error in different places:</p>

<pre><code>    The client-side rendered virtual DOM tree is not matching server-rendered content. 
This is likely caused by incorrect HTML markup, for example nesting block-level elements inside &lt;p&gt;, or missing &lt;tbody&gt;. 
Bailing hydration and performing full client-side render.
</code></pre>

<p>I would like to understand what is the best way to debug this error? Is their a way I can record/get the  virtual DOM tree for client and server so I could compare and find where the error lies? </p>

<p>Mine is a large application and manually verifying is difficult.</p>
