SSR not supported?
ruslankonev opened this issue · 2 comments
ruslankonev commented
Hi, great component, but if I use it inside nuxt.js with ssr-support (only in browser-side) backend-side vue-renderer was delete component from page and show message:
[Vue warn]: 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.
reverland commented
maybe it relate to <style>
nest in <div>
? @QingWei-Li
ruslankonev commented
I found what happened. If put Vuep in div or other element which has siblings content such as:
<div>
<h1>title</head>
<vuep></vuep>
</div>
and say Nuxt.js, what Vuep must render only for browser build, render compiler in backend ignore a Vuep, and on the browser the div, which contain Vuep, have only H1
tag and error in console - DOM tree is not matching
..