pengzhanbo / vuepress-theme-plume

Vuepress Theme. A simple, feature-rich, document & blog
https://theme-plume.vuejs.press
MIT License
50 stars 11 forks source link

navbar 文字问题 #6

Closed huankong233 closed 1 year ago

huankong233 commented 1 year ago

image

这个文字会竖起来,很影响美观,我想到的办法是加大 768px -> 840px 但是这样不完全能保证不出问题,可以的话考虑解决一下,还有博主部署的页面navbar部分怎么重复了

pengzhanbo commented 1 year ago

navbar 文字重复的问题, 我到现在都没有找到问题的原因在哪里,这个问题我找了很长一段时间了,在开发模式下,无法重现,仅发生在 生产模式中,在 SSR 构建完成站点后,理论上 navbar 已在 html 中生成了对应的代码,加载完 js 后,vue 会在运行时,重载所有内容,不应该发生重复问题。 而且 首次加载不会重复, 在浏览器地址栏按下 enter,或刷新,就重复了,且只重复文字和对应的标签,而图标则不受影响。

我检索了 所有的相关代码,一直未能发现问题的根源。我目前是把问题的疑点 放在了 vue 的内置组件 <component /><slot /> 的组合使用上,以及 浏览器在优化页面渲染时,处理同一页面完全相同的 DOM 结构和内容,是否发生了渲染错误。

pengzhanbo commented 1 year ago

问题大体上可以找到根源,还是 SSR 的问题, vue ssr 在 进行 Hydration 时,存在 差异导致了 渲染错误出现了重复内容。

pengzhanbo commented 1 year ago

已找到导致差异的根源点,已修复该问题。

huankong233 commented 1 year ago

已找到导致差异的根源点,已修复该问题。

ヾ(≧▽≦*)o