The client-side rendered virtual DOM tree is not matching server-rendered content.
nuxt项目报错:[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
最近发现了一个挺厉害的人工智能学习网站,内容通俗易懂,风趣幽默,感兴趣的可以点击此链接进行查看:床长人工智能教程
废话不多说,请看正文!
nuxt项目报错:
[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.
报错翻译:客户端呈现的虚拟DOM树与服务器呈现的内容不匹配。这可能是由不正确的HTML标记引起的,例如在<p>中嵌套块级元素,或者缺少<tbody>。打捞水化并执行完整的客户端渲染。
报错原因:服务端与客户端渲染的DOM结构不一样。
解决方法:在该element-ui组件最外层加上<client-only>
组件,该组件只是占位且用于仅在客户端渲染其他组件。
更多推荐
所有评论(0)