问题标签 [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.
graphql - 通过插件向 Gatsby 中的 MarkdownRemark 节点添加更多数据
我想在创建 MarkdownRemark GraphQL 节点时通过 Gatsby Transformer Remark 插件向它添加更多信息。
目前我正在尝试在插件中做到这一点：
盖茨比-config.js
插件/my-remark-plugin/index.js
只是要清楚; 我不想改变 AST 节点。我想在创建 MarkdownRemark GraphQL 节点时从插件中添加更多任意数据。
我尝试使用createNodeField，但在查询时无法发现这些字段。
gatsby-transformer-remark 插件是否有可能不是这样做的地方？字段是在使用标准 Gatsby 插件时创建的createNodeField，但我希望从 Gatsby Transformer Remark 插件中进行。
gatsby - graphql 在本地工作，但不在 Netlify 中（Gatsby + Netlify CMS）
我正在尝试将降价文件注入我的 Gatsby 页面，该页面在本地工作（开发和服务器）。但是，相同的 graphql 查询无法在 Netlify 中返回数据。对我来说似乎很奇怪。
这是一个示例 graphql 查询。
我添加了一个 console.log 来在构建时查看我的数据对象的内容，下面是我的应用程序的本地构建
如您所见，product_horizontal 有一个备注节点。现在，当涉及到 netlify 中完全相同的文件时。我得到以下信息：
注意：当我frontmatter: { vertical: { eq: false } }从过滤器中删除它时，它也可以在 Netlify 中使用。
我已经被这个错误困扰了大约 6 个小时，非常感谢您的帮助。我现在将添加更多代码以供参考。 盖茨比-config.js
reactjs - 在开发中使用 gatsby-plugin-google-tagmanager
我使用以下配置进行了 gatsby 项目设置和gatsby-plugin-google-tagmanager设置：gatsby-config.ts
在开发模式下工作时，dataLayer脚本会被注入，<head>但是<body>对数据层的推送似乎没有效果，并且插件配置中的 routeChange 事件设置也不会发出。
我已经尝试使用 tagassistant.google.com 网站、dataSlayer和tag assistant legacychrome 插件，但它们都表现得好像数据层未激活或未初始化。当站点在我们的开发服务器上运行时，这些事件会被触发并起作用。
gatsby - Gatsby SCSS 模块未编译
使用 sass 1.32.8 运行 Gatsby 版本 3.0.1。我刚刚开始玩一些东西，我遇到了一个我无法解决的奇怪问题。
./gatsby-config.js
./src/pages/index.js
./styles/scss/index.module.scss
我得到的错误是Attempted import error: '../styles/scss/index.module.scss' does not contain a default export (imported as 'homeStyles').
如果我尝试import * as homeStyles from '../styles/scss/index/module.scss错误是：Attempted import error: 'testElement' is not exported from '../styles/scss/index.module.scss' (imported as 'homeStyles').
在不确切知道插件如何工作的情况下，我看不到任何会导致此问题的问题。
gatsby - gatsby-plugin-image 未通过 npm 安装
我正在尝试按照文档https://www.gatsbyjs.com/plugins/gatsby-plugin-image#installation通过 npm 安装 gatsby-plugin-image
在终端中收到以下错误：
Package.json 来自 gatsby starter 库中的 hello world starter：
我在 GH repo 或谷歌搜索中没有看到任何与此相关的问题。在https://www.gatsbyjs.com/docs/how-to/local-development/troubleshooting-common-errors/尝试了故障排除提示，但没有成功。没有使用 --force 运行 npm 安装的经验。有什么我需要注意的吗？如果我强制安装，我可以恢复吗？提前致谢！
reactjs - Gatsby 本地插件构建崩溃
我是 Gatsby 新手，我正在学习本教程：https : //www.gatsbyjs.com/docs/creating-plugins/ 学习使用react-intl. 我将插件放在plugins项目根目录的文件夹中。
这是插件的演示代码（Demo Project Repo：https ://github.com/85Ryan/gatsby-local-plugin-demo.git ）
WebpackError: [React Intl] Could not find required当我构建 Gatsby 站点时，它因错误intl而崩溃object. <IntlProvider> needs to exist in the component ancestry.
但是当我将插件发布到 npm 时，它工作正常。
谁能帮我找出我的问题在哪里？
谢谢！
reactjs - 警告：失败的道具类型：道具`alt`在`MainImage`中标记为必需，但其值为`undefined`。主图像
在我的 gatsby 项目中，我收到了这个警告。
我正在使用盖茨比 v3。
警告看起来像这样
index.js看起来像这样。
请让我知道为什么我会收到此警告？
另外如何在 gatsby v3 中使用流体图像？
reactjs - gatsby sass 不工作——导入错误
我曾尝试在我的网站上使用 gatsby-plugin-sass，但发生了一个有趣的错误，见下文。
我有一个header.module.scss，header.js其中包含：
所以我不知道该怎么办，请有人帮助我。谢谢
gatsby - src 作为 gatsby-plugin-image 问题中的道具
大家好
我需要帮助，因为我正在努力使用带有道具的 gatsby-plugin-image StaticImage ...
我有一个组件预告片，我正在使用道具来获取数据。一切都适用于所有道具，如标题、年份等......除了 StaticImage 的 src ......
我读过 StaticImage 不接受道具，但现在对我来说真的很困惑。
这是组件的代码：
这是我使用预告片的组件，以及调用查询的位置：
我的查询工作正常，它返回这样的结果，其中图像的 src 在 xmlChildren -> content 中：
正如我所说，我得到了我需要的所有数据（标题、年份、制作、导演），除了 imageTrailer，它将 url 作为图像的字符串......
例如，如果我 console.log({node.xmlChildren[3].content})，我得到： string: 'https://catlike-prod.com/wp-content/uploads/2017/01/post-partum. jpg'
如果我使用经典的 html5 ：
它工作正常，我得到了我的图像渲染
那么为了使用StaticImage，我必须做些什么来解决这个问题？任何帮助或想法将不胜感激......
预先感谢您的帮助
graphql - 如何让 Gatsby 插件内容可选字段工作？
在 Contentful 的内容类型上有一个可选字段，我试图让 Gatsby-Plugin-Contentful-Optional-Fields 工作。
可选字段是一个图像，我使用新的 Gatsby-Image-Plugin 渲染。在 my 中配置插件后gatsby-config.js，我仍然收到以下错误：
花了几个小时解决它，不幸的是没有成功。我对开发相当陌生，所以对其他人来说，也许只是一个明显的错误。非常感谢任何帮助。
我的 gatsby-config.js 中的插件配置：
我的查询：