问题标签 [gatsby-plugin]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
2 回答
1894 浏览

gatsby - GitHub Actions 因 Gatsby 错误而失败:输入文件包含不受支持的图像格式

我将 Gatsby 和 NetlifyCMS 用于我的网站,目前在GitHub Actions中运行 Workflow时收到以下错误消息:

很奇怪,我的本地系统上的gatsby developgatsby build都没有发生错误

我的插件数组如下所示:

这是我使用 childImageSharp 访问缩略图的查询

我不知道这是什么原因。我已经尝试更新几个包。

这是我的 package.json

0 投票
1 回答
119 浏览

reactjs - GraphQL 仅返回 Gatsby 站点上的第一个节点

我正在使用gatsby-source-mysql从内部工具中提取一些数据,我们的用户可以在其中创建可以在我们的消费者网站上显示的广告。我目前为测试设置了四个促销,这是我必须提取数据的 GraphQL 查询:

这就是被退回的东西。它得到了所有四个促销,这正是我所需要的。

但是,在各个促销的模板中,我在所有四个上都获得了相同的内容,并且它仅从第一个节点返回数据,即所有四个不同的促销都以“买一送一”作为主要标题等. 这是我的促销页面模板,包括上面的 GraphQL 查询。

我做错了什么,我需要更改哪些内容才能为每个促销页面获取正确的数据?

0 投票
2 回答
1340 浏览

reactjs - 增加超时限制 gatsby-source-wordpress-experimental

获取图像时返回

如何增加这个 15 秒的超时限制?

0 投票
1 回答
655 浏览

javascript - 如何创建具有多语言路线的一页网站?

我正在使用Gatsby并且我想使用多语言创建一个站点,到目前为止,我已经定义pages/index.js了包含以下内容的站点:

我修改gatsby-node.js为:

每个请求都在 上转发index.js,但存在问题。我正在使用gatsby-plugin-intl向 url 添加动态前缀的插件,例如:http://localhost:3001/en/

如果我访问http://localhost:3001/en/,那么我会NotFound显示组件,因为没有 Route 与 url 匹配。有没有办法为 url 添加前缀并将所有内容重新路由到正确的组件?

0 投票
1 回答
170 浏览

javascript - Gatsby 源插件仅显示 GraphQL 中数组中的最后一项

当我运行 build 6 后控制台日志显示在我的饮料数组中。当我运行开发时,它们也会出现。但是当我查询 graphQL 时,只有数组中的最后一个对象可用。我是 gatsby 和 graphQL 的新手,所以包含图片以防我的查询关闭。代码来自我的 gatsby-node.js 文件:

graphQL 中只显示一个对象

如果有人可以提供帮助,我将不胜感激,因为我已经将头撞在墙上一段时间了。我已经完成了 gatsby clean。我试过 map 而不是 forEach

0 投票
1 回答
310 浏览

graphql - 如何修复站点地图错误?

站点地图不起作用 我无法获取站点地图 URL,也无法使用 /sitemap.xml URL 如何解决?

0 投票
1 回答
456 浏览

reactjs - 不能将 gatsby-plugin-intl 用于单页站点

我正在使用Gatsby,我想建立一个单页网站,所以没有创建页面。为此,我gatsby-node.js使用以下代码进行了编辑:

在这种情况下,每个请求都会重新路由到index.js唯一的页面。然后,在index.js我的页面中:

如您所见,我有不同的路由器根据 url 加载特定组件。我已经为每个区域添加path了当前语言环境的前缀以匹配正确的路径。此机制仅适用于主页,但对于其他链接不起作用。事实上,如果我访问类似:

必须加载Collection组件,站点只需重定向到:

并再次显示该Home组件。

我做错了什么?

更新

页面结构:

在此处输入图像描述

正如你所看到的,我只index.js处理了我在gatby-node.js. 如果我删除本地化插件,至少使用此配置:

而且我没有在 url 前面加上前缀intl.locale,一切正常。但是添加redirect: true插件配置,并在链接前加上语言环境,站点将我重定向到主组件。

0 投票
1 回答
50 浏览

node.js - 无法覆盖从 gatsby-starter-rocket-docs 创建的文档站点上的样式(着色和 svg 图像)

我正在开发一个从 gatsby starter gatsby-starter-rocket-docs创建的文档站点。我希望有一个与默认不同的图像作为侧边栏的标题。目前,图像来自节点模块中定义的 svg,而不是存储库的代码本身。节点模块不会持久化,因此无法在此处进行更改。我需要覆盖节点模块中定义的样式(通过 安装在文件夹中npm install gatsby),但我需要从持久化的代码中完成。

这是我要替换的图像:

在此处输入图像描述

这个问题在这里有更详细的定义,这里是包含所有代码的存储库。该问题还提到更改侧边栏中突出显示的链接的颜色,这应该有类似的修复,因为它的突出显示颜色也在节点模块中定义。然而,图像是更重要的问题。

0 投票
1 回答
176 浏览

graphql - 将中型文章导入 gatsby

我正在尝试将我的媒体提要集成到 gatsby 中,并且只想选择几篇文章 - 没有最新的文章。我能够使用此代码获得三篇最新文章:

索引配置

文章.js

但我希望使用 gatsby-source-medium 查询特定文章。但是,它只返回 4(甚至不返回最新的)。

有没有办法通过 gatsby-source-medium 获取我所有的文章?否则,有没有办法“硬编码”我想要的文章?我不确定如何使用 rss feed api 进行过滤。谢谢你的帮助!

在此处输入图像描述

0 投票
1 回答
1220 浏览

css - Gatsby 问题 - 在加载和刷新时,我看到无样式的组件闪烁

问题 - 当我第一次加载页面或刷新页面时,在我自己的 CSS 应用之前,我会看到一些难看的未设置样式的功能,例如大量图像、链接返回到带有下划线的蓝色文本的自定义样式等) .

这是我的 package.json 文件 -

这是我的 gatsby-config 文件-

我是否缺少依赖关系或者我的配置中有错误?没有把握..

我们欢迎所有的建议!