目前，与样式化组件结合使用时，我面临着GatsbyJS的怪异问题。
在开发过程中，一切正常，但是当我在本地构建并为站点提供服务时，由样式化组件创建的所有样式将在页面完成加载后大约100到300ms加载。似乎这仅适用于布局和模板文件上使用的样式。
我也将gatsby-plugin-styled-components和babel-plugin-styled-components纳入了我的项目，但没有成功。
我在https://github.com/alexanderwe/gatsby-styled-components-test创建了一个小型演示项目，其中显示了错误。如果需要，可以下载并运行yarn && yarn workspace gatsby-theme-test serve来实时查看错误。
有人遇到类似问题或对此有解决方案吗？
感谢您的帮助
答案 0 :(得分：1)
您似乎在wrapPageElement中实现了gatsby-browser.js，但也忘记在gatsby-ssr.js中实现了。这意味着样式组件仅在浏览器加载时激活，而不在服务器端渲染期间激活。
为此，只需将您的gatsby-browser.js复制到新的gatsby-ssr.js中，API应该完全相同。