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

gatsby - 盖茨比中 Chakra-ui 的扩展主题

我在 Gatbsy 工作,当我尝试使用文件夹theme.js中的阴影文件覆盖核心 Chakra 主题时,gatsby-plugin-chakra-ui它没有任何效果。

请问有什么想法吗?我在用

编辑:修改主题适用于 Button 组件,但不适用于 Input

0 投票
1 回答
106 浏览

javascript - gatsby-plugin-react-svg 导致太多递归错误

我已经安装了gatsby-plugin-react-svg,但是当我更新gatsby-config文件时,它会导致“递归过多”错误。我已经尝试了 gatsby 文档页面上推荐的配置,但它仍然给我错误。

错误:

盖茨比-config.js

0 投票
0 回答
87 浏览

svg - svg path d="⋯" 三点在任何浏览器中都不起作用,所以 svg 图片不显示

我对 svg 图像的路径有疑问。

目前我正在用一本教程书研究 Gastby.js,并尝试建立一个简单的网站。该教程显示了上面的svg图像代码和我写的完全一样,但它在浏览器上根本不起作用。我尝试的是 1)不是三个点(⋯),我在 8 和 2 之间写了空格,2)只是......三个点。

如果您能帮助我或提供任何建议,我将不胜感激。

先感谢您!!:)

0 投票
1 回答
965 浏览

javascript - Gatsbyjs 谷歌分析 gdpr

我想在我的网站中使用谷歌分析,但要符合 gdpr,所以只有在用户同意时才触发它。

我正在使用 gatsby 并遵循本教程:https ://www.improvebadcode.com/gatsby-gdpr-cookie-consent/ ,这在我的理解中完全有意义。

所以我正在使用gatsby-plugin-gdpr-cookiesand react-cookie-consent

我的 gatsby 配置如下所示:

和我的 App.js 文件中的 cookie 同意,如下所示:

在 gatsby 构建我的 cookie 横幅后,它显示得非常好,但我没有收到任何关于我的谷歌分析的数据。

我首先认为问题是我使用的是 GA4 版本的 GA,但我生成了一个“旧”的 Universal Analytics 标记,但它仍然无法正常工作。

谁能告诉我,我做错了什么?

当我在我的网站上查找谷歌分析时,这是我网站上的输出:

0 投票
1 回答
45 浏览

gatsby - Gatsby MDX slugs 无法导航,名称中包含目录

创建的 Slugs 包含根目录,因此传递 slug 到<Link to={slug}>被破坏。页面已创建,但链接到它们的 slug 不必要地包含包含文件夹,无论是帖子还是页面。

可导航的页面是:

文件位置是:

** 问题 - 创建 slug **

** 期望的结果 **

使用插件:

0 投票
1 回答
120 浏览

amazon-web-services - Gatsby.js 中的 301 重定向问题

我在数百个博客中使用 gatsby.js,但出于某种原因我迁移了网站。所以原始博客的网址是这样localhost:8000/blog/3-Best-Football-Shoe的,并且通过 SEO 组织得很好。但新开发的盖茨比有localhost:8000/3-Best-Football-Shoe。所以我需要在 gatsby 网站上进行 301 重定向。该网站托管在 AWS 上。希望有人帮助我!谢谢。

0 投票
1 回答
656 浏览

javascript - 字段“缩略图”不能有选择,因为类型“字符串”没有子字段

我对 gatsbyJS 有以下错误:字段“缩略图”不能有选择,因为类型“字符串”没有子字段。

我已经尝试在我的 gatsby 配置文件中更改我的插件的顺序。当我去:http://127.0.0.1:8000/__graphql并这样做:

我必须删除

让它发挥作用

这是我的页面查询:

我的 gatsbyconfig :

我在 /content/project/index.md 中的 index.md 文件:

感谢所有愿意帮助我的人。

0 投票
1 回答
407 浏览

npm - 如何在路径“node_modules/sharp/build/Release/../../”中添加“vendor/lib/libvips.42.dylib”?

如何在路径“node_modules/sharp/build/Release/../../”中添加“vendor/lib/libvips.42.dylib”????

我正在用 gatsby 构建网站,我需要安装两个 gatsby 插件

  1. npm install gatsby-plugin-offline
  2. npm install gatsby-plugin-manifest

安装成功后,我在 gatsby-config.js 中为它们编写设置,然后在终端中给出“gatsby develop”。但我在下面遇到错误。

根据错误,看来我必须在路径“node_modules/sharp/build/Release/../../”中添加“vendor/lib/libvips.42.dylib”</p>

那么如何在路径“node_modules/sharp/build/Release/../../”中添加“vendor/lib/libvips.42.dylib”????

我的节点版本是 11.13.0

到目前为止我已经安装了插件

  • gatsby-plugin-sharp
  • gatsby-transformer-sharp
  • gatsby-源文件系统
  • gatsby-plugin-react-helemt
  • 盖茨比插件清单
  • gastby-plugin-离线

我的 package.json 是

如果您能给我任何建议或帮助我,我将不胜感激。先感谢您。

0 投票
1 回答
47 浏览

javascript - 如何获取 WordPress 网站标志

我是盖茨比的新手。所以,我想在 WordPress 管理中定义我的网站徽标。这是我的做法:

`

不幸的是,它不起作用,我收到以下错误:TypeError:

所以我求助于你,这样我才能成功

谢谢 !

0 投票
1 回答
443 浏览

reactjs - “gatsby-plugin-purgecss”将每个页面的所有使用的CSS添加到所有页面,有没有办法防止这种情况?

我正在使用 Bulma 框架,我添加了“gatsby-plugin-purgecss”来删除未使用的 CSS,它工作正常,但是当我查看公共文件夹中的页面时,所有页面上的所有 CSS 都是相同的。

如何让它只添加同一页面使用的 CSS,我有大约 22k 页面,每个页面都有他的样式 CSS。

示例:我在主页上使用 className="table" 但我从不在其他页面上使用它,我看到所有页面都包含“.table”CSS。有办法防止这种情况吗?