我正在使用 Gatsby、Grommet 和 React 编写一个简单的项目,基本上是读取一个 markdown 文件然后是渲染器;跟随盖茨比教程。
一切都很好,除了任何页面的第一次加载。
主要内容在呈现后很快消失。如果 JavaScript 被禁用,则不会发生此问题。所以,我认为我犯了一些错误,阻碍了 React 的补液。
下面是一个指向问题发生视频的链接、源代码和用于测试的公共 URL。
我正在拔头发,提前感谢您的任何提示!
链接:
发生这种情况的原因是由于gatsby-plugin-offline
. 在初始渲染中,您会看到正确的帖子,但随后服务人员正尝试从缓存中提供服务。缓存似乎没有图像,因此当它重新渲染时,它显示为空白。
我通过禁用对此进行了测试,gatsby-plugin-offline
并且一切都像在开发中一样显示出来。
这似乎只在构建和提供静态内容后才会出现。
看来这可能与这个问题有关:https ://github.com/gatsbyjs/gatsby/issues/11830