Question

因此，首先，静态站点在gatsby develop上可以正常工作。在执行gatsby build和gatsby serve之后，我注意到它缺少一个CSS和一个js文件。

以下是发生的情况的屏幕截图：

如您所见，字体样式未更新，数字链接为蓝色。但是，当您将鼠标悬停在左侧时，名为side-content的类将添加另外2个文件（css和js文件），并且字体样式和颜色也会更新。

我尝试了一个技巧来放置mouseenter事件，但是它很脏，并且也不起作用。

您也遇到了这个问题吗？这是关于预取吗？没有控制台日志/错误。

任何帮助将不胜感激。

Answer 1

我最好的选择是，您没有正确加载主要样式，并且在构建应用程序时也没有落入盖茨比的视野。您可以尝试将此代码放在gatsby-browser中吗？

exports.onInitialClientRender = () => {
  require("./src/styles/index.scss");
};

index.scss应该是样式表的主要入口点。