解决 HTML 压缩导致 VitePress 异常

1、问题描述

Hydration completed but contains mismatches.

这是 Chrome Devtools 的报错,而用户访问时,会显示异常页面,具体表现为每个页面(以访问首页为例)会出现2个相同的内容,Ajax切换页面时下面那个页面会被替换成新页面,上面那个页面则还是首页。

2、解决方法

在 Cloudflare 控制台中关闭 HTML 压缩。

导航栏-速度-优化-Auto Minify

经测试可以完美解决该问题。

解决 HTML 压缩导致 VitePress 异常

https://blog.tsinbei.com/archives/1237/

文章作者
Hsukqi Lee
发布于

2023-04-21

修改于

2023-06-22

许可协议

CC BY-NC-ND 4.0

# 建站  HTML  JavaScript  CSS  HTTPS  网站  HTTP  NPM  编译  VitePress  Vuejs  Cloudflare  CDN

评论

昵称
邮箱
网址
暂无