Gatsbyjs 样式化组件 CSS 延迟加载
Gatsbyjs Styled Components CSS delayed loading
目前，我在使用 GatsbyJS 和样式化组件时遇到了一个奇怪的问题。
在开发中一切正常，但是当我在本地构建和服务网站时，所有由样式化组件创建的样式都会在页面加载完成后大约 100 到 300 毫秒后加载。这似乎只适用于布局和模板文件中使用的样式。
我也将 gatsby-plugin-styled-components 和 babel-plugin-styled-components 添加到我的项目中，但没有成功。
我在 https://github.com/alexanderwe/gatsby-styled-components-test 创建了一个小的演示项目，它显示了错误。如果需要，可以下载它并 运行 yarn && yarn workspace gatsby-theme-test serve 实时查看错误。
有没有人遇到过类似的问题或对此有解决方案？
感谢任何帮助
您似乎在 gatsby-browser.js 中实现了 wrapPageElement，但也忘记在 gatsby-ssr.js 中实现了。这意味着 styled-components' 仅在浏览器加载时激活，而不是在服务器端呈现期间激活。
为此，只需将您的 gatsby-browser.js 复制到新的 gatsby-ssr.js，API 应该完全相同。
目前，我在使用 GatsbyJS 和样式化组件时遇到了一个奇怪的问题。
在开发中一切正常，但是当我在本地构建和服务网站时，所有由样式化组件创建的样式都会在页面加载完成后大约 100 到 300 毫秒后加载。这似乎只适用于布局和模板文件中使用的样式。
我也将 gatsby-plugin-styled-components 和 babel-plugin-styled-components 添加到我的项目中，但没有成功。
我在 https://github.com/alexanderwe/gatsby-styled-components-test 创建了一个小的演示项目，它显示了错误。如果需要，可以下载它并 运行 yarn && yarn workspace gatsby-theme-test serve 实时查看错误。
有没有人遇到过类似的问题或对此有解决方案？
感谢任何帮助
您似乎在 gatsby-browser.js 中实现了 wrapPageElement，但也忘记在 gatsby-ssr.js 中实现了。这意味着 styled-components' 仅在浏览器加载时激活，而不是在服务器端呈现期间激活。
为此，只需将您的 gatsby-browser.js 复制到新的 gatsby-ssr.js，API 应该完全相同。