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

来源:8-14 对SPA应用的第一次SSR改造:新建服务端入口、开启本地环境Node服务-2【中】

自胜者强123

2022-07-07

图片描述
是这个原因:https://vuejs.org/guide/scaling-up/ssr.html#hydration-mismatch
我在github上给element-plus提了这个问题,老师,你有遇见过吗
https://github.com/element-plus/element-plus/issues/8692
我看element-plus官网上,也存在这个问题啊
图片描述
这个问题耽误了我好几个小时,Google了很长时间都没有解决方案,最后才给element-plus提的问题,老师有遇见过吗

写回答

2回答

亚里士多强

2022-07-08

https://v3.cn.vuejs.org/guide/ssr/hydration.html

这种报错是因为服务端渲染出来的DOM和客户端生成的虚拟DOM不匹配,SSR要尽可能解决这种报错,否则客户端从头开始渲染就感觉价值不大。  我这边的处理是把某些SSR支持不好的组件,在客户端中 mounted 钩子后再 v-if 加载出来,在服务端先不渲染该组件。

0
2
自胜者强123
但是这个会有一闪的效果,体验不是很好,看来还是自己实现一个比较好
2022-07-08
共2条回复

Harry_wang

2022-07-07

警告里已经提示了问题组件,说明element部分组件不支持服务渲染,如图所示:

//img.mukewang.com/szimg/62c6bd0209ef718f17010274.jpg

其实这个黄色警告和红色报错并不会影响程序执行,不用纠结,如果实在想要解决,那么就自己手写组件替换这些问题组件

0
0

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

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

373 学习 · 192 问题

查看课程