我目前正在使用 React 和 docusaurus 的帮助构建我的第一个网站/文档。但是,一旦我重新加载站点,大约 0.5 - 1 秒的 css 样式就没有正确应用(参见下面的 img)。
在得到提示后,我发现这种现象被称为 FOUC 'Flash of unstyled Content'。
在我的情况下,它只发生在生产中。见下方视频 https://youtu.be/Zh2-1gtKOtI
它可能与样式化组件有关,因为“导航栏”是唯一没有样式化组件的部分。导航栏对我来说看起来不错。
代码库: https ://github.com/agile-ts/documentation
谢谢你^^