问题标签 [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 投票
0 回答
124 浏览

reactjs - 使用 Gatsby 加载页面后 URL 路径发生变化

我有一个问题,当网站被加载时,URL 会被更改,如果您尝试共享它,则会导致 URL 不正确。否则该站点加载正常,但随后更改为不正确的 URL

例如,该站点位于域上的某些子文件夹(“en-us/site”)中,如果您在博客页面上,则如下所示:www.example.com/en-us/site/blog/. 因此,如果您转到该 URL,页面将正常加载,但在地址栏中加载 URL 后将更改为www.example.com/blog/

只有当开发人员意外更新 NPM 中的依赖项时,这才会成为一个问题。我已将其缩小为对 Gatsby 的更新。不幸的是,对于哪个版本是罪魁祸首,以及如何解决它,存在太多可能性。我们从 Gatsby 2.4.6版升级到2.30.1版,所以问题出现在这两者之间。

是否有人对可能导致此 URL 更改的原因有任何提示?

我们工作时的依赖列表如下所示。导致该问题的唯一区别是对 gatsby 包的更新。我不确定哪个特定版本会引发问题,因为尝试每一个都需要很长时间,但是转到 2.30.1 肯定会导致问题。

gatsby -config.js 中的siteUrl 正确设置https://www.example.com/en-us/site为 URL,assetPrefix设置为/en-us/site.

我已将其范围缩小到只是对gatsby包的更新会导致问题。此外,该问题似乎只能在我们的登台和生产服务器上重现。我无法使用本地服务器设置在本地进行复制。

我们可以继续使用旧版本,但我不想冒这个问题的风险,以防它再次意外发生(通过流氓包锁定文件)并且宁愿只获得最新版本。

0 投票
1 回答
200 浏览

gatsby - 使用 gatsby-image 的 tracedSVG 作为实际图片

TL;DR:是否可以使用来自 childImageSharp 的 Gatsby 渲染的 tracedSVG 作为您网站上的实际图片?

长版:

所以,我今天早些时候在一个小型网站上为我的Gatsby演奏会工作,当我在我的机器上托管它时,图片加载得很好,但是当我将项目部署到Github Pages时,图像文件无法加载,只有已加载tracedSVG占位符。

现在我确信有一个解决方案;我还没有调查过。问题是,我有点喜欢那些充满艺术气息的tracedSVG在我的网站上的样子,我想保留它们。当然,我可以保持原样,但是如果有一种适当且更优雅的方式来做到这一点,我很想知道。

在此处输入图像描述

我试过了

代替

在 js 文件中,图像和占位符无法加载。

0 投票
0 回答
64 浏览

javascript - Disqus 评论在 Gatsby 网站中引发错误

我正在使用 gatsby 插件 gatsby-plugin-disqus(最新版本)在我的 gatsby 站点中添加评论。它以前可以工作,但现在它会引发错误并且不会加载评论。似乎有循环引用,但我不知道是什么原因造成的。

我的 disqus 配置如下所示:

我把它渲染成这样:

我不确定是什么导致了这个问题。我尝试使用以前版本的插件,但得到了相同的结果。

请让我知道我在这里缺少什么。谢谢。

0 投票
1 回答
405 浏览

javascript - 在 Gatsby 中首次使用 gatsby-plugin-gdpr-cookies 和 react-cookie-consent 加载 Cookie

解释:

此代码有效(使用 gatsby develop 或 gatsby build && gatsby serve),但如果我在没有 onAccept={() => window.location.reload()} 的情况下执行我的代码,则无法正常工作,因为只需加​​载我的 cookie -> (gatsby -gdpr-google-analytics = true) 但没有同时加载 ga cookie,我必须使用 onAccept 刷新。知道如何在不强制刷新的情况下同时加载所有 cookie 吗?

我的代码:

// gatsby-config.js

// index.js

0 投票
1 回答
334 浏览

build - WebpackError: ReferenceError: Image is not defined(在“gatsby build”期间,“gatsby develop”工作正常)

0 投票
1 回答
66 浏览

url-routing - 如何在 gatsby.config 中为我的网站制作图像链接,例如 https://website.com/image.png?

我想在 SEO 的元标记中添加图像 url。但是如何创建图像链接以添加元标记?我正在使用盖茨比。我有src/img/img1.png图像,现在我想创建这样的图像 URL

如何在 gatsby-config.js 文件中执行此操作?

0 投票
1 回答
524 浏览

gatsby - Gatsby 站点地图生成器未过滤页面

我正在尝试通过它生成站点地图gatsby-plugin-sitemap,它适用于所有默认选项并生成站点地图,但是如果我尝试以任何方式修改站点地图生成,它似乎没有任何影响,例如我想删除 changefreq 和优先级,它不起作用,当我尝试过滤页面时它也不起作用。

这就是我的配置的样子:

这让我发疯了,因为我现在正试图让它工作一段时间并且根本无法继续。有任何想法吗?

GraphQL 编辑器:

0 投票
2 回答
1863 浏览

reactjs - 如何删除 gatsby 项目中的尾部斜杠?

我在我的 gatsby 项目中面临斜杠问题。当我尝试重新加载或触发网址Ex:website.com/page1时,它正在加载带有斜杠的网址,例如website.com/page1/然后它会返回到website.com/page1。它发生在每一页。我试过删除尾部斜杠插件,但没有得到结果

我将不胜感激任何帮助。谢谢你。

0 投票
1 回答
871 浏览

sass - sassOptions 中的 data 选项在升级到 v3 并用 sass 替换 node-sass 后停止在 gatsby-plugin-sass 中工作

我决定node-sass从我的 gatsby 项目中删除并sass改用。我遵循了这里提到的 v3 的内容。我删除了node-sass,现在我有这些版本package.json

我需要能够为全局变量/mixins/函数编写一些@use 或@import 规则,这样我就可以在我所有的scss 文件中使用它们,这样我就不必一遍又一遍地重复相同的规则。

有了node-sass这样的工作:

升级后,该includePaths属性确实有效,但data没有,我从我的 scss 文件中收到有关“缺失”变量的错误:

如果我在每个 scss 文件中插入规则@use 'globals' as *;,错误就会消失,一切都按预期工作,但我不想插入这一行并修改我所有的 sass 文件。

我很确定这个问题sass-loader与这个声明(文档)有关,但我不知道如何使它工作以及为什么它以前工作:

ℹ️数据和文件等选项不可用,将被忽略。

0 投票
2 回答
233 浏览

web - 盖茨比源源不断的身体

嘿,我正在使用 gatsby srouce contentful 从内容获取我的博客文章。我试图将正文作为富文本或 json 格式,但 graphql 让我使用的唯一选项是 raw,它给了我一堆对象和我不想要的文本。