【发布时间】：2021-05-18 14:26:24
【问题描述】：
我目前正在借助 React 和 docusaurus 构建我的第一个 website/documentation。 但是，一旦我重新加载网站，大约 0.5 - 1 秒的 css 样式就没有正确应用（参见下面的 img）。
得到提示后我发现这种现象被称为 FOUC 'Flash of unstyled Content'。
在我的情况下，它只发生在生产中。请看下面的视频 https://youtu.be/Zh2-1gtKOtI
这可能与styled components 有关，因为“导航栏”是唯一没有样式组件的部分。导航栏对我来说看起来不错。
代码库： https://github.com/agile-ts/documentation
谢谢你^^
【问题讨论】：
-
这里没有什么可以帮到你的，一张图说明不了什么，这类问题需要大量的测试，你也没有提供任何代码。跨度>
-
此主题可能对您有所帮助。 stackoverflow.com/questions/14919236/…
-
是的，我查看了您建议的资源。但经过一些测试，我发现它与样式组件有 100% 的关系。 （见下面的视频）youtu.be/MhMFD8zcrb0
标签： css reactjs sass styled-components fouc