我的盖茨比项目是否有React的补液问题？

Question

我正在使用Gatsby，Grommet和React编写一个简单的项目，基本上先读取一个markdown文件，然后读取渲染器；跟随盖茨比讲习班。

一切正常，除了任何页面的第一次加载。

主要内容在呈现后不久便消失了。如果禁用了JavaScript，则不会发生此问题。因此，我认为我犯了一些错误，阻止了React的补液。

下面有一个链接，指向发生问题的视频，源代码和测试的公共URL。

我正在拔头发，在此先感谢您的提示！

链接：

• video

• public deployed url

• source-code

Answer 1

发生这种情况的原因是由于gatsby-plugin-offline。在初始渲染中，您看到的是正确的帖子，但是服务工作者正在尝试从缓存中提供服务。缓存似乎没有图像，因此当重新渲染时，它显示为空白。

我通过禁用gatsby-plugin-offline对此进行了测试，并且显示了开发过程中的所有内容。

这似乎只有在构建并提供静态内容后才会出现。

这似乎与以下问题有关：https://github.com/gatsbyjs/gatsby/issues/11830