我的 Gatsby 项目是否存在 React 的再水化问题？
Does my Gatsby project have a react's rehydration issue?
我正在使用 Gatsby、Grommet 和 React 编写一个简单的项目，基本上是读取 markdown 文件然后渲染器；遵循盖茨比教程。
一切正常，除了任何页面的第一次加载。
主要内容在呈现后很快消失。如果禁用 JavaScript，则不会发生此问题。所以，我想我犯了一些错误，阻碍了 React 的再水化。
下面是一个 link 问题发生的视频、源代码和一个 public URL 用于测试。
我很紧张，在此先感谢您的任何提示！
链接：
发生这种情况的原因是 gatsby-plugin-offline。在初始渲染中，您看到的是正确的 post，但随后 service worker 正尝试从缓存中提供服务。缓存似乎没有图像，因此当它重新呈现时它显示为空白。
我通过禁用 gatsby-plugin-offline 对此进行了测试，一切都与开发时一样。
这似乎只有在构建和提供静态内容后才会出现。
我正在使用 Gatsby、Grommet 和 React 编写一个简单的项目，基本上是读取 markdown 文件然后渲染器；遵循盖茨比教程。
一切正常，除了任何页面的第一次加载。
主要内容在呈现后很快消失。如果禁用 JavaScript，则不会发生此问题。所以，我想我犯了一些错误，阻碍了 React 的再水化。
下面是一个 link 问题发生的视频、源代码和一个 public URL 用于测试。
我很紧张，在此先感谢您的任何提示！
链接：
发生这种情况的原因是 gatsby-plugin-offline。在初始渲染中，您看到的是正确的 post，但随后 service worker 正尝试从缓存中提供服务。缓存似乎没有图像，因此当它重新呈现时它显示为空白。
我通过禁用 gatsby-plugin-offline 对此进行了测试，一切都与开发时一样。
这似乎只有在构建和提供静态内容后才会出现。