Javascript gatsby.js如何呈现CSS？

我使用带有样式化组件的gatsby.js来开发我的公文包，当我第一次加载我的站点时，它不会呈现任何CSS。但是，当我刷新页面时，它会正确地呈现所有CSS。原因可能是什么？ 这是我的投资组合：

---

第一次打开链接时，CSS不会加载，但是，如果您刷新它，它将不会加载。

让其他人帮助您的一个好方法是提供一些代码片段，因为仅在浏览器工具中很难浏览站点的代码

我不是盖茨比的专家，希望有人能帮助你更好地理解这个概念。我想看看你的

部分

<link as="script" rel="preload" href="/component---cache-caches-gatsby-plugin-offline-app-shell-js-ad6431e4664bcf916d19.js">

关于这个问题，这里有一个类似的话题

我还注意到，您的菜单没有滚动到“项目”部分，您可能还需要查看该代码

---

希望这有助于

在使用样式化组件时，生产中的盖茨比可能无法正确渲染样式。要解决此问题，请按照以下说明操作：

安装以下软件包：

编辑gatsby config.js

module.exports={
插件：[
{
解析：`gatsby插件样式组件`，
选项：{
//在此处添加任何选项
},
},
],
}

有关更多信息，请参阅

npm install gatsby-plugin-styled-components styled-components
   babel-plugin-styled-components