问题标签 [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.
gatsby - GitHub Actions 因 Gatsby 错误而失败:输入文件包含不受支持的图像格式
我将 Gatsby 和 NetlifyCMS 用于我的网站,目前在GitHub Actions中运行 Workflow时收到以下错误消息:
很奇怪,我的本地系统上的gatsby develop和gatsby build都没有发生错误
我的插件数组如下所示:
这是我使用 childImageSharp 访问缩略图的查询
我不知道这是什么原因。我已经尝试更新几个包。
这是我的 package.json
reactjs - GraphQL 仅返回 Gatsby 站点上的第一个节点
我正在使用gatsby-source-mysql
从内部工具中提取一些数据,我们的用户可以在其中创建可以在我们的消费者网站上显示的广告。我目前为测试设置了四个促销,这是我必须提取数据的 GraphQL 查询:
这就是被退回的东西。它得到了所有四个促销,这正是我所需要的。
但是,在各个促销的模板中,我在所有四个上都获得了相同的内容,并且它仅从第一个节点返回数据,即所有四个不同的促销都以“买一送一”作为主要标题等. 这是我的促销页面模板,包括上面的 GraphQL 查询。
我做错了什么,我需要更改哪些内容才能为每个促销页面获取正确的数据?
reactjs - 增加超时限制 gatsby-source-wordpress-experimental
获取图像时返回
如何增加这个 15 秒的超时限制?
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 添加前缀并将所有内容重新路由到正确的组件?
javascript - Gatsby 源插件仅显示 GraphQL 中数组中的最后一项
当我运行 build 6 后控制台日志显示在我的饮料数组中。当我运行开发时,它们也会出现。但是当我查询 graphQL 时,只有数组中的最后一个对象可用。我是 gatsby 和 graphQL 的新手,所以包含图片以防我的查询关闭。代码来自我的 gatsby-node.js 文件:
如果有人可以提供帮助,我将不胜感激,因为我已经将头撞在墙上一段时间了。我已经完成了 gatsby clean。我试过 map 而不是 forEach
graphql - 如何修复站点地图错误?
站点地图不起作用 我无法获取站点地图 URL,也无法使用 /sitemap.xml URL 如何解决?
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
插件配置,并在链接前加上语言环境,站点将我重定向到主组件。
node.js - 无法覆盖从 gatsby-starter-rocket-docs 创建的文档站点上的样式(着色和 svg 图像)
我正在开发一个从 gatsby starter gatsby-starter-rocket-docs创建的文档站点。我希望有一个与默认不同的图像作为侧边栏的标题。目前,图像来自节点模块中定义的 svg,而不是存储库的代码本身。节点模块不会持久化,因此无法在此处进行更改。我需要覆盖节点模块中定义的样式(通过 安装在文件夹中npm install gatsby
),但我需要从持久化的代码中完成。
这是我要替换的图像:
这个问题在这里有更详细的定义,这里是包含所有代码的存储库。该问题还提到更改侧边栏中突出显示的链接的颜色,这应该有类似的修复,因为它的突出显示颜色也在节点模块中定义。然而,图像是更重要的问题。
css - Gatsby 问题 - 在加载和刷新时,我看到无样式的组件闪烁
问题 - 当我第一次加载页面或刷新页面时,在我自己的 CSS 应用之前,我会看到一些难看的未设置样式的功能,例如大量图像、链接返回到带有下划线的蓝色文本的自定义样式等) .
这是我的 package.json 文件 -
这是我的 gatsby-config 文件-
我是否缺少依赖关系或者我的配置中有错误?没有把握..
我们欢迎所有的建议!