nuxt项目当中出现The client-side rendered virtual DOM tree is not matching server-rendered content
在使用nuxt框架进行服务端渲染的项目当中,有时会出现以下报错信息:这段信息的意思是:客户端呈现的虚拟DOM树与服务器呈现的内容不匹配。这可能是由不正确的HTML标记引起的,例如在<p>中嵌套块级元素,或缺少<tbody>。放弃混合和执行全面的客户端渲染。我是在使用ant design vueUI组件当中的Tabs标签页时,出现的这个报错信息。解决的方法是:在这Tabs标签
·
在使用nuxt框架进行服务端渲染的项目当中,有时会出现以下报错信息:
这段信息的意思是:客户端呈现的虚拟DOM树与服务器呈现的内容不匹配。这可能是由不正确的HTML标记引起的,例如在<p>中嵌套块级元素,或缺少<tbody>。放弃混合和执行全面的客户端渲染。
我是在使用ant design vueUI组件当中的Tabs标签页时,出现的这个报错信息。
解决的方法是:
在这 Tabs标签最外层加上<client-only>组件,此组件用于仅在客户端渲染其他组件.
警告: Nuxt 版本小于 v2.9.0
的用户, 请使用 <no-ssr>
更多推荐
已为社区贡献16条内容
所有评论(0)