Gatsbyjs样式组件CSS延迟加载

目前，我正面临一个奇怪的问题，即GatsbyJS与样式化组件的结合

在开发过程中，一切都很好，但当我在本地构建和服务站点时，由样式化组件创建的所有样式都会在页面完成加载后大约100到300毫秒加载。这似乎只适用于布局和模板文件上使用的样式

我还将

gatsby插件样式的组件

和

babel插件样式的组件

加入到我的项目中，但没有成功

我创建了一个显示错误的小演示项目。如果需要，您可以下载它并运行

纱线&纱线工作区盖茨比主题测试服务

，以实时查看错误

是否有人遇到过类似的问题或对此有解决方案

---

我非常感谢您的帮助

看起来您在

gatsby browser.js

中实现了

wrapPageElement

，但忘了在

gatsby ssr.js

中实现它。这意味着样式化组件仅在浏览器加载时激活，而不是在服务器端渲染期间激活

为此，只需将您的

gatsby browser.js

复制到一个新的

gatsby ssr.js

，API应该完全相同

---

你说得对，我完全忘记了ssr配置。。。当然，如果站点被渲染，它们不会应用布局，因为它不是gatsby-ssr.js中的布局。非常感谢，现在它工作得非常好！