Error de Vuejs: el árbol DOM virtual representado del lado del cliente no coincide con el del servidor
Estoy usando Nuxt.js / Vuejs para la aplicación mmy, y sigo enfrentando este error en diferentes lugares:
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 <p>, or missing <tbody>.
Bailing hydration and performing full client-side render.
Me gustaría entender cuál es la mejor manera de depurar este error. ¿Es su forma de registrar / obtener el árbol DOM virtual para el cliente y el servidor para poder comparar y encontrar dónde se encuentra el error?
La mía es una aplicación grande y la verificación manual es difícil.