0

我正在使用 Gatsby、Grommet 和 React 编写一个简单的项目,基本上是读取一个 markdown 文件然后是渲染器;跟随盖茨比教程。

一切都很好,除了任何页面的第一次加载。

主要内容在呈现后很快消失。如果 JavaScript 被禁用,则不会发生此问题。所以,我认为我犯了一些错误,阻碍了 React 的补液。

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

我正在拔头发,提前感谢您的任何提示!

链接:

4

1 回答 1

1

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

在此处输入图像描述

我通过禁用对此进行了测试,gatsby-plugin-offline并且一切都像在开发中一样显示出来。

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

看来这可能与这个问题有关:https ://github.com/gatsbyjs/gatsby/issues/11830

于 2019-12-18T18:35:00.197 回答