问题标签 [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 - 盖茨比中 Chakra-ui 的扩展主题
我在 Gatbsy 工作,当我尝试使用文件夹theme.js
中的阴影文件覆盖核心 Chakra 主题时,gatsby-plugin-chakra-ui
它没有任何效果。
请问有什么想法吗?我在用
编辑:修改主题适用于 Button 组件,但不适用于 Input
javascript - gatsby-plugin-react-svg 导致太多递归错误
我已经安装了gatsby-plugin-react-svg
,但是当我更新gatsby-config
文件时,它会导致“递归过多”错误。我已经尝试了 gatsby 文档页面上推荐的配置,但它仍然给我错误。
错误:
盖茨比-config.js
svg - svg path d="⋯" 三点在任何浏览器中都不起作用,所以 svg 图片不显示
我对 svg 图像的路径有疑问。
目前我正在用一本教程书研究 Gastby.js,并尝试建立一个简单的网站。该教程显示了上面的svg图像代码和我写的完全一样,但它在浏览器上根本不起作用。我尝试的是 1)不是三个点(⋯),我在 8 和 2 之间写了空格,2)只是......三个点。
如果您能帮助我或提供任何建议,我将不胜感激。
先感谢您!!:)
javascript - Gatsbyjs 谷歌分析 gdpr
我想在我的网站中使用谷歌分析,但要符合 gdpr,所以只有在用户同意时才触发它。
我正在使用 gatsby 并遵循本教程:https ://www.improvebadcode.com/gatsby-gdpr-cookie-consent/ ,这在我的理解中完全有意义。
所以我正在使用gatsby-plugin-gdpr-cookies
and react-cookie-consent
。
我的 gatsby 配置如下所示:
和我的 App.js 文件中的 cookie 同意,如下所示:
在 gatsby 构建我的 cookie 横幅后,它显示得非常好,但我没有收到任何关于我的谷歌分析的数据。
我首先认为问题是我使用的是 GA4 版本的 GA,但我生成了一个“旧”的 Universal Analytics 标记,但它仍然无法正常工作。
谁能告诉我,我做错了什么?
当我在我的网站上查找谷歌分析时,这是我网站上的输出:
gatsby - Gatsby MDX slugs 无法导航,名称中包含目录
创建的 Slugs 包含根目录,因此传递 slug 到<Link to={slug}>
被破坏。页面已创建,但链接到它们的 slug 不必要地包含包含文件夹,无论是帖子还是页面。
可导航的页面是:
文件位置是:
** 问题 - 创建 slug **
** 期望的结果 **
使用插件:
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 上。希望有人帮助我!谢谢。
javascript - 字段“缩略图”不能有选择,因为类型“字符串”没有子字段
我对 gatsbyJS 有以下错误:字段“缩略图”不能有选择,因为类型“字符串”没有子字段。
我已经尝试在我的 gatsby 配置文件中更改我的插件的顺序。当我去:http://127.0.0.1:8000/__graphql并这样做:
我必须删除
让它发挥作用
这是我的页面查询:
我的 gatsbyconfig :
我在 /content/project/index.md 中的 index.md 文件:
感谢所有愿意帮助我的人。
npm - 如何在路径“node_modules/sharp/build/Release/../../”中添加“vendor/lib/libvips.42.dylib”?
如何在路径“node_modules/sharp/build/Release/../../”中添加“vendor/lib/libvips.42.dylib”????
我正在用 gatsby 构建网站,我需要安装两个 gatsby 插件
- npm install gatsby-plugin-offline
- 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 是
如果您能给我任何建议或帮助我,我将不胜感激。先感谢您。
javascript - 如何获取 WordPress 网站标志
我是盖茨比的新手。所以,我想在 WordPress 管理中定义我的网站徽标。这是我的做法:
`
不幸的是,它不起作用,我收到以下错误:TypeError:
所以我求助于你,这样我才能成功
谢谢 !
reactjs - “gatsby-plugin-purgecss”将每个页面的所有使用的CSS添加到所有页面,有没有办法防止这种情况?
我正在使用 Bulma 框架,我添加了“gatsby-plugin-purgecss”来删除未使用的 CSS,它工作正常,但是当我查看公共文件夹中的页面时,所有页面上的所有 CSS 都是相同的。
如何让它只添加同一页面使用的 CSS,我有大约 22k 页面,每个页面都有他的样式 CSS。
示例:我在主页上使用 className="table" 但我从不在其他页面上使用它,我看到所有页面都包含“.table”CSS。有办法防止这种情况吗?