gatsby 相关问题

Gatsby Build 由于 React 上下文和窗口引用而失败

我有一个用 Gatsby 构建的站点，当我运行 gatsby build 时它失败了。发生错误是因为 SSR 包正在访问动态内容，例如 React 上下文和浏览器文档以及

为什么 Gatsby / Facebook 找不到我的 og:image

我有一个 Gatsby 应用设置。 来源/ ---图片/foo.jpg // <--- the img i want on my facebook shareable URL (og:image). ---images/ // <-- note, there are loads of PNG files i'm using that seem to t...

我无法更新通过 ReactJs 应用程序从 restapi 分配给用户的 Wordpress ACF 字段——我错过了什么？

编辑：找到了一个可行的解决方案，但它涉及将 ACF 中的一些核心文件编辑为 RESTAPI 插件，请参见此处： https://github.com/airesvsg/acf-to-rest-api/issues/141 研究： 更新 ACF 字段我...

GetServerData in template（Gatsby 获取数据问题）

我想问问关于 gatsby 和 graphql 的问题，因为我在检索必要的数据时遇到了问题： 1- 如果是动态创建的页面，是否可以在模板中插入 getServerData？从...

需要一个可以作为名字开头的字符，例如 Gatsby 主题中的字母、`$` 或 `_`

我使用了 Smooth docs Gatsby 主题，在尝试运行项目“Gatsby Develop”时终端显示此错误.. 我在我的项目中读取 mdx 文件并且 mdx 文件有 js 和其他

可下载文件 - 盖茨比

由于某种原因，尝试下载文件时失败。我尝试了几种不同的方法，但都失败了。比我读到一些关于 pdf/word 文件在 Gatsby 中被“禁止”的内容？？！ 默认 &...

Cloudflare worker 中的请求 url 仅在页面刷新时更新

我有一个 Gatsby 应用程序，我正在尝试在 worker 中运行一些重定向。 我从请求中获取 URL，并将路径名与给定的路由相匹配。 addEventListener('获取', 事件 => { ...

在 gatsby 中导入 css 的警告

在我的 gatsby 项目中，我收到了将样式导入我的文件 pages/index.js 的警告 从“盖茨比”导入{链接} 从“反应”导入反应 从 &qu...导入布局

创建新路由时出现 Gatsby 错误：Preparing requested page

我通过安装程序设置了一个新的 Gatsby 项目，但是当我尝试在 /src/pages 中创建一个新文件时，但是如果我转到那条路线，浏览器会说 准备请求的页面 在循环中。在兄弟...

Gatsby 中的 Cypress 组件测试

我的问题很简单，赛普拉斯组件测试可以在 Gatsby 应用程序中工作吗？ 我点击了 Cypress 组件测试 UI 中的设置按钮，它做的第一件事就是找不到我的 webpack

尝试将 gatsby 5 与 Storyblok 一起使用时上游依赖冲突

尝试在我的 Gatsby 项目中运行 npm install 时，我一直遇到上游依赖冲突。据我所知，gatsby-source-storyblok 有 gatsby@"^3.0.0 || ^4.0.0" 作为同行

在 Netlify 中部署 Gatsby-shopify-starter 出现此错误：错误截断页面数据信息

我在 Netlify 中部署了一个 Gatsby-shopify-starter，我收到了这个错误： error 失败页面的截断页面数据信息 任何人都有调试这个的线索吗？ 这是我的 Package.json { ...

Gatsby Cloud 不尊重预览环境变量

我最近为我的 Gatsby 应用配置了 Gatsby Cloud，github 集成和预览似乎非常有用。 我之前使用 circleci 进行生产构建并部署到 aws。我没有

Gatsby 云域

我在 gatsby 云中的域有问题，域托管服务器配置正确，但 gatsby 云中有问题不显示网站，12 小时过去了......

gatsby 构建失败，而 github 中的保证金代码

尝试将新的更新代码与旧代码合并，但在合并代码时显示一些“为页面构建静态 html”。我的网站托管在 gatsby 云上，当我在 github 中更新代码时

带有 Gatsby 的 Azure 静态 Web 应用程序不调用第三方外部 API（405 状态）

为了说明问题，请查看在本地主机和 Azure 静态 Web 应用服务上运行的应用程序请求标头的差异。 在本地主机上： 在 Azure 静态 Web 应用服务上： 其他我...

在盖茨比中添加脚本标签[关闭]

我创建了一个 Gatsby 网站。要在该网站启用推送通知，我必须使用此代码： var DGPkey = "</desc> <question vote="5"> <div> </div> <p>我创建了一个 Gatsby 网站。要在该网站启用推送通知，我必须使用此代码：</p> <pre><code>&lt;!-- Begin DigitalPUSH code --&gt; &lt;script&gt; var DGPkey = &#34;M3E2cGU5d1hPQWl2VTRTeG9ZYU8xa0l1YW8yMWVmR3FKbFFjMGNLNllIbz0=&#34;; //mandatory var DGPnativerequest = &#34;0&#34;; var DGPdelay = &#34;10000&#34;; var DGPmtype = &#34;overlay&#34;; var DGPtheme = &#34;13e3b4&#34;; var DGPtitle = &#34;!!! !!!&#34;; var DGPmessage = &#34;!!! !!!&#34;; var DGPallowbutton = &#34;&#34;; var DGPrejectbutton = &#34;&#34;; var DGPbgimage = &#34;&#34;; var DGPinpageads = &#34;0&#34;; &lt;/script&gt; &lt;script type=&#34;text/javascript&#34; src=&#34;//cdn.digitalpush.org/lib.js&#34;&gt;&lt;/script&gt; &lt;!-- End DigitalPUSH code --&gt; </code></pre> <p>我必须将此代码放在标签之前。我尝试了几种来自互联网的方法，但似乎都不起作用。有人可以告诉我该怎么做吗？</p> <p>我的网站模板：<a href="https://github.com/Tahsin007/classsed-gatsby-blog" rel="noreferrer">https://github.com/Tahsin007/classsed-gatsby-blog</a></p> <p>提前致谢。</p> </question> <answer tick="true" vote="10"> <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 &#34;react&#34; import { Script } from &#34;gatsby&#34; function YourPage() { return &lt;Script src=&#34;https://my-example-script&#34; /&gt; } export default YourPage </code></pre> <hr/> <p>从 Gatsby 文档中提取的关于<a href="https://www.gatsbyjs.org/docs/using-client-side-only-packages/" rel="nofollow noreferrer">使用客户端包/库</a>的内容。我建议如下。</p> <p>使用 React（以及 Gatsby），您可以使用 <pre><code>&lt;Helmet&gt;</code></pre> 标签轻松实现这一点。基本上，它允许您将 <pre><code>&lt;scripts&gt;</code></pre>（或其他元数据）放在任何组件中，这些组件将在编译后放置在 <pre><code>&lt;head&gt;</code></pre> 中。所以，在你的情况下：</p> <pre><code> import React, {useEffect} from &#34;react&#34; import Helmet from &#34;react-helmet&#34; import Layout from &#34;../components/layout&#34; import SEO from &#34;../components/seo&#34; const AnyPage = () =&gt; ( useEffect(()=&gt;{ var DGPkey = &#34;M3E2cGU5d1hPQWl2VTRTeG9ZYU8xa0l1YW8yMWVmR3FKbFFjMGNLNllIbz0=&#34;; var DGPnativerequest = &#34;0&#34;; var DGPdelay = &#34;10000&#34;; var DGPmtype = &#34;overlay&#34;; var DGPtheme = &#34;13e3b4&#34;; var DGPtitle = &#34;!!! !!!&#34;; var DGPmessage = &#34;!!! !!!&#34;; var DGPallowbutton = &#34;&#34;; var DGPrejectbutton = &#34;&#34;; var DGPbgimage = &#34;&#34;; var DGPinpageads = &#34;0&#34;; },[]) return &lt;Layout&gt; &lt;SEO title=&#34;AnyPage&#34; /&gt; &lt;Helmet&gt; &lt;script src=&#34;//cdn.digitalpush.org/lib.js&#34;/&gt; &lt;/Helmet&gt; &lt;div&gt;Dummy content&lt;/div&gt; &lt;/Layout&gt; ) export default AnyPage </code></pre> <p>您可以在<pre>他们的文档</pre>中找到有关<a href="https://github.com/nfl/react-helmet" rel="nofollow noreferrer"><code>&lt;Helmet&gt;</code></a>标签及其用法的更多信息。</p> <p>这是在我本地机器上测试的截图：</p> <p><a href="https://i.stack.imgur.com/NKCPp.png" target="_blank"><img src="https://cdn.imgupio.com/i/AWkuc3RhY2suaW1ndXIuY29tL05LQ1BwLnBuZw==" alt=""/></a></p> </answer> </body></html>

直接使用url访问时Gatsbyjs渲染页面两次

我有一个用 gastbyJs v4.12.1 构建的网站 我有一个产品搜索页面，它是使用在页面上下文中传递产品的页面模板构建的。 从菜单导航时，页面正常工作...

Gatsby的环境变量“找不到env.cmd”

尝试使用 Gatsby 运行 env.cmd，但我收到 sh: env-cmd not found。我确实已经安装了软件包。我尝试删除 .node-modules 并运行 npm install 但我仍然得到相同的...

模块“*.module.scss”在 Gatsby + Typescript 中没有导出成员 [重复]

我已经在他们的文档中关注了 Gatsby 的演示项目（更新已经很晚了）。 我已按照此处的说明进行操作：https://www.gatsbyjs.com/docs/reference/release-notes/migrat...