控制台报Hydration completed but contains mismatches.

首页课程实战体系课手记专栏慕课教程

控制台报Hydration completed but contains mismatches.

来源：14-1 课程回顾

亚里士多强

2022-06-01

图片描述

写回答

1回答

Harry_wang

Harry_wang

2022-06-01

客户端与服务端hydrate失败，原因是因为element-plus的部分组件（比如el-menu）对SSR支持不全面、不兼容，但是这个报错并不会影响程序正常运行，不必在意。如果实在要解决这个问题，在开发环境，查看控制台应该是可以看到具体警告的组件，可以尝试将控制台中有报错或者有警告的element组件自行封装即可。

1

2

Harry_wang

回复

亚里士多强

遇到这种错误不是必须要解决，这种错误只表示不匹配，但其实最终如果在网页源码中只要能渲染出正常地dom，那么就可以不用去理会。

2022-06-08

共2条回复

Vue3+TS打造SSR网站应用，0到1实现服务端渲染

教你一套前端技术组合拳，Get全套网站优化解决方案

368 学习 · 192 问题

相似问题

老师，8.14 这里你的控制台没有出现报错吗

回答 2

Element 组件渲染错误，Hydration children mismatch in <div>

回答 1

vite项目控制台展示编译后的代码

回答 1

router.currentRoute和 router.currentRoute.value 返回的路径不一样

回答 1

使用 Pinia 该如何进行 State hydration?

回答 1

打开慕课网App查看更多内容