控制台报Hydration completed but contains mismatches.

Question

Answer 1

Harry_wang 2022-06-01 10:11:13

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

• 提问者 亚里士多强 #1

  是不是遇到这种错误，都表示服务端生成的虚拟dom和客户端的dom不匹配，然后客户端就会抛弃服务端传递过来的dom 自行重新渲染？这就起不到服务端渲染的作用了。  是不是遇到这种错误都必须要解决

• Harry_wang 回复 提问者 亚里士多强 #2

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