nuxt3提示Hydration children mismatch in <div>?

nuxt3+vue3+element-plus开发页面

正常跳转页面显示正常,要是刷新当前页面就提示

Hydration children mismatch in <div>: server rendered element contains more child nodes than client vdom.

这部分内容也显示不出来

有没有大佬知道这是啥情况?如何解决


回答:

这个提示的意思是,服务器渲染(SSR)的结果与你完成加载后显示的内容不同。多半是由于你在浏览器里加载了一些数据,比如 localStorage,然后页面就被重新渲染了。

最坏的结果就是页面抖动,导致浏览器评分降低;或者原本的动态请求失效。不是什么大问题,所以只是警告。需要你自己判断影响的大小。

以上是 nuxt3提示Hydration children mismatch in &lt;div&gt;? 的全部内容, 来源链接: utcz.com/p/935104.html

回到顶部