我的 Gatsby 项目有反应的补液问题吗?

罗德里戈

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

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

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

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

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

链接:

穆特查德

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

在此处输入图片说明

我通过禁用对此进行了测试,gatsby-plugin-offline并且一切都与开发中的一样。

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

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

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

我需要在我的项目 react + gatsby 中调整图像的大小

我应该在Gatsby项目中的哪里放置“ main.js”文件?

Gatsby-ContentFul项目:在我的页面中无法从Graphql获取数据

我应该在Gatsby项目中的哪里放置通用应用程序配置?

Lunr-gatsby-plugin-lunr-我可以在构建时更改数据/索引吗?

我可以将 gatsby-plugin-image 用于动态图像路径吗?

Netlify在我的Gatsby JS上引发有关jQuery的错误

React w Gatsby:为什么有时我的字体文件被下载了两次

我的网站图片未从带有Gatsby的Github Pages上的正确链接加载

将react-helmet添加到我的Gatsby项目中会导致错误:元素类型无效

当我拥有allMarkdownRemark时,Gatsby一直抱怨无法查询“ MarkdownRemark”类型的字段“ fields”

Gatsby + Contentful URL 结构问题

为什么gatsby-plugin-manifest无法解决“ gatsby”问题?

我的简单网站是否需要gatsby-plugin-offline和/或gatsby-plugin-manifest?

我如何通过 gatsby 和 Netlify CMS 使用数据收集

建立Gatsby网站时,我该如何整合代码?

如何在netlify中使我的gatsby链接正常工作?

Gatsby 不显示我从 GraphQL 查询中检索到的图像

我的扫雷项目有问题

我需要缓冲液吗?

在Gatsby中反应挂钩:无效的挂钩调用

反应 | Gatsby:主页组件内部或外部的组件

我的循环有问题吗?

我的 For 循环有问题吗?

Google自定义搜索框未在我的Gatsby项目中的首次加载时显示,仅在重新加载或刷新时显示

你如何在 Netlify 上发布带有 gatsby-image 的 gatsby 项目?

无法从 contentful 到 gatsby 项目查询数据

将数据从 Graphql 提取到 Gatsby 的问题

Gatsby:用JavaScript定义静态查询吗?