Gatsby是React的现代网站生成器。它专注于性能和灵活的数据源。
gatsby-plugin-image 未通过 npm 安装
我正在尝试根据文档通过 npm 安装 gatsby-plugin-image https://www.gatsbyjs.com/plugins/gatsby-plugin-image#installation 在终端中收到以下错误： $ npm 安装...
Netlify 部署：12:43:01 AM：由于用户错误，构建失败：构建脚本返回非零退出代码：2
我正在尝试将 gatsby 网站的更改部署到 netlify，我合并了一些更改，并且该网站在本地运行这些更改，但是当我尝试部署它时，我收到此错误： 1...
我正在制作一个有博客的网站。我正在使用 Gatsby 并遵循本教程。我弄清楚了如何在 MDX 中使用 JSX 组件，例如我希望应用于所有页面的布局组件 -
Gatsby js 文件仅在 localhost 开发上进行 gzip 压缩，但不在 s3 生产上进行压缩
Gatsby js 文件仅在 localhost 开发上进行 gzip 压缩，但不在 s3 生产上进行压缩 这是正常现象还是我做错了什么？ 如果是，我如何 gzip 我的文件？
NodeJS 中的动态导入（在 Gatsby 中）：未指定动态导入回调
我正在尝试使用 NodeJS 中的动态导入和 eS6 文件，但无法让它工作 我在 gatsby 项目的 gatsby-node.js 文件中使用它 Exports.createPages = 异步道具 => { ...
期待 我想在 Gatsby 项目中包含 React-admin，这样我就可以有一个 /admin 路由作为站点数据的接口。 相反发生了什么： 使用 gatbsy new ，我设置了一个
我们如何使用 gatsby-source-shopify 插件从 Gatsby 中的 Shopify Headless 获取博客文章和页面？
我计划将我的网站从 Shopify 迁移到 Shopify Headless + Gatsby，但我遇到了插件 gatsby-source-shopify 的问题。它可以为产品和产品相关数据创建节点...
我正在使用 Gatsby 和 Strapi 构建一个网站。 我正在使用动态路线。 随着盖茨比的发展，一切都很好。 使用 gatsby build，页面之间的链接可以正常工作，但是输入 URL 会出现 404。 呃...
所以基本上我有一个 onbeforeunload 函数来照顾并警告用户是否决定重新加载或关闭选项卡。我的代码如下 使用效果（（）=> { //这将阻止用户...
安装 gatsby-cil 失败：npm ERR！ sh：1：node-gyp-build：权限被拒绝
我尝试使用 npm 在 WLS2 上安装 gatsby-cil 但失败了。 这是错误消息 root@LAPTOP-7EEFPLOM:~# npm install -g gatsby-cli npm 警告已弃用 [email protected]：请升级到版本 7 或
我无法让我的 Context 在 React/Gatsby 项目中工作。 这很简单，我一定错过了一些东西。 我有一个父组件，它创建上下文并在上下文中渲染两个子组件
我正在努力构建基于 gitlab CI 的 gatsby。我正在使用 .env 文件来提供带有 SITE_URL 的变量。 来自我的盖茨比配置 从“gatsby”导入类型 { GatsbyConfig }； 常量结果 = 请求...
拒绝执行内联脚本，因为它违反了以下内容安全策略指令：“script-src 'self'
这是我的 gatsby-plugin-csp 配置： { 解析：`gatsby-plugin-csp`， 选项： { 禁用OnDev：真， reportOnly: false, // 将标头更改为 Content-Security-Policy-R...
Gatsby，拒绝执行内联脚本，因为它违反了以下内容安全策略指令：“script-src 'self'
这是我的 gatsby-plugin-csp 配置： { 解析：`gatsby-plugin-csp`， 选项： { 禁用OnDev：真， reportOnly: false, // 将标头更改为 Content-Security-Policy-R...
我正在尝试将 HubSpot 聊天添加到我们使用 React 和 Gatsby 创建的网站，并要求我们将以下内容插入到 index.html 文件中的 body 标记中： <p>我正在尝试将 HubSpot 聊天添加到我们使用 React 和 Gatsby 创建的网站，并且要求我们将以下内容插入到 index.html 文件中的 body 标记中：</p> <pre><code><script type="text/javascript" id="hs-script-loader" async defer src="//js.hs-scripts.com/insertnumbers"></script> </code></pre> <p>问题是我们没有将公共文件夹上传到网站。 HTML 文件位于公共文件夹中。</p> <p>我们如何解决这个问题？我正在考虑一个 React 组件，但我不知道从哪里开始。你能帮忙吗？</p> </question> <answer tick="true" vote="2"> <h2>2022年更新</h2> <p>自从发布 <a href="https://www.gatsbyjs.com/docs/reference/built-in-components/gatsby-script/" rel="nofollow noreferrer"><pre><code>Script</code></pre> Gatsby 组件</a>（由 Partytown 提供支持）以来，添加第三方脚本变得更加容易。只是：</p> <pre><code>import React from "react" import { Script } from "gatsby" function YourPage() { return <Script src="https://my-example-script" /> } export default YourPage </code></pre> <hr/> <p>使用 <pre><code><Helmet></code></pre> 组件。包装在里面的所有内容都被放入 <pre><code><head></code></pre> 标签中，在这种情况下，尽管不在 <pre><code><body></code></pre> 中，但仍适用于您的用例。</p> <pre><code>const YourPage= props => { return <Layout> <Helmet> <script type="text/javascript" id="hs-script-loader" async defer src="//js.hs-scripts.com/insertnumbers"/> </Helmet> </Layout>; }; export default YourPage; </code></pre> </answer> <answer tick="false" vote="1"> <pre><code>useEffect(() => { const loadChatScriptByURL = () => { const url = `//js-na1.hs-scripts.com/your-chat-widget-number.js`; var script = document.createElement("script"); script.type = "text/javascript"; script.src = url; script.async = true; document.body.appendChild(script); }; loadChatScriptByURL(); window.hsConversationsOnReady = [ () => {}, ]; }, []); </code></pre> </answer> <answer tick="false" vote="0"> <p>假设用户登录时我有一个电子邮件数据。 我想发送电子邮件，这样它就可以识别电子邮件，而不是聊天中的未知访客。我怎样才能在ReactJs中完成它</p> </answer> </body></html>
Gatsby：img是一个void元素标签，既不能有`children`也不能使用`dangerouslySetInnerHTML`
我正在尝试使用 Gatsby Js 构建一个组件，其中包含导入的图像。但是，当使用锚 HTML 标记添加链接时，我收到的 img 是一个 void 元素标记，并且必须...
Gatsby Link JSX 元素类型“Link”没有任何构造或调用签名
更新到 Gatsby 5 后，我在使用 Gatsby Link 的地方出现以下错误 const Comp = (slug: 字符串, 值: 字符串) => { 返回 {值} } 'L...
我有一个问题。我不知道如何解决它。请帮我。我真的不知道这个错误来自哪里： 错误未处理拒绝 ENOENT：没有这样的文件或目录，打开“/opt/build/repo/site/
如何通过 GraphQL 从 json 获取数据并在 gatsby 中创建动态页面？
当我删除边缘时，它给我错误无法读取未定义的属性（读取“边缘”） 来自 const {compdata} = data.allJson.edges.node; 它显示节点的相同错误。什么是正确的方法...