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 <div>? 的全部内容, 来源链接: utcz.com/p/935104.html