gatsby 相关问题

在 React 中与 Gatsby 一起使用上下文

我无法让我的 Context 在 React/Gatsby 项目中工作。 这很简单，我一定错过了一些东西。 我有一个父组件，它创建上下文并在上下文中渲染两个子组件

如何在gitlab CI上使用dotenv？

我正在努力构建基于 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 聊天来响应 js 应用程序？

我正在尝试将 HubSpot 聊天添加到我们使用 React 和 Gatsby 创建的网站，并要求我们将以下内容插入到 index.html 文件中的 body 标记中： <p>我正在尝试将 HubSpot 聊天添加到我们使用 React 和 Gatsby 创建的网站，并且要求我们将以下内容插入到 index.html 文件中的 body 标记中：</p> <pre><code>&lt;script type=&#34;text/javascript&#34; id=&#34;hs-script-loader&#34; async defer src=&#34;//js.hs-scripts.com/insertnumbers&#34;&gt;&lt;/script&gt; </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 &#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>使用 <pre><code>&lt;Helmet&gt;</code></pre> 组件。包装在里面的所有内容都被放入 <pre><code>&lt;head&gt;</code></pre> 标签中，在这种情况下，尽管不在 <pre><code>&lt;body&gt;</code></pre> 中，但仍适用于您的用例。</p> <pre><code>const YourPage= props =&gt; { return &lt;Layout&gt; &lt;Helmet&gt; &lt;script type=&#34;text/javascript&#34; id=&#34;hs-script-loader&#34; async defer src=&#34;//js.hs-scripts.com/insertnumbers&#34;/&gt; &lt;/Helmet&gt; &lt;/Layout&gt;; }; export default YourPage; </code></pre> </answer> <answer tick="false" vote="1"> <pre><code>useEffect(() =&gt; { const loadChatScriptByURL = () =&gt; { const url = `//js-na1.hs-scripts.com/your-chat-widget-number.js`; var script = document.createElement(&#34;script&#34;); script.type = &#34;text/javascript&#34;; script.src = url; script.async = true; document.body.appendChild(script); }; loadChatScriptByURL(); window.hsConversationsOnReady = [ () =&gt; {}, ]; }, []); </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：没有这样的文件或目录

我有一个问题。我不知道如何解决它。请帮我。我真的不知道这个错误来自哪里： 错误未处理拒绝 ENOENT：没有这样的文件或目录，打开“/opt/build/repo/site/

如何通过 GraphQL 从 json 获取数据并在 gatsby 中创建动态页面？

当我删除边缘时，它给我错误无法读取未定义的属性（读取“边缘”） 来自 const {compdata} = data.allJson.edges.node; 它显示节点的相同错误。什么是正确的方法...

Gatsby 错误，我收到 404 页面，错误提示该 URL 上没有页面，直到我再次刷新页面

当我导航到一个页面时，我收到 404 错误页面，说没有包含此 URL 的页面，直到我刷新浏览器，该页面才会显示。 我尝试使用 @reach/router 进行导航...

如何设置来自 Drupal 的主页 / Gatsby 中的 /home

我正在使用 Drupal CMS 作为后端创建一个 Gatsby 网站。我在 Drupal 中有登陆页面内容类型，它提供主页和关于我们的页面。现在Drupal主页路径是/home。但是G...

Wordpress Gatsby 获取父道具

我是一个 grapql 新手，正在努力从当前页面获取父属性。 在 gatsby-node.js 中，我使用以下命令创建所有 WordPress 页面： 创建页面（{ 路径：`${page.node.uri}`， 成分：

Node.js 17.0.1 Gatsby 错误 - “数字信封例程::不支持... ERR_OSSL_EVP_UNSUPPORTED”[重复]

我正在建立一个盖茨比网站。我将 Node.js 升级到 v17.0.1，当我运行构建时，出现错误： 错误：数字信封例程::不支持 opensslErrorStack: [ '错误:03000086:数字 en...

Gatsby 构建失败，并显示“插件不处理从‘node:crypto’读取”，但开发构建工作正常

我目前正在使用 TypeScript 开发 Gatsby 项目，并且在构建过程（yarn 构建）期间遇到了问题。我收到的错误消息是： 从“节点：加密”读取...

在 gatsby 中动态渲染 svgs

嘿伙计们，我有 sime markdown (mdx) 文件，我想将其与 svg 一起使用。我知道在盖茨比中渲染动态的任何东西都可能很棘手..对于盖茨比图像，你经常必须过滤掉正确的r...

如何在单个虚拟主机上服务 django 和 gatsby？

我正在尝试在单个域下部署基于 gatsby 的前端和基于 django 的后端。它将依赖 Apache 和 mod_wsgi。在完美的世界中，它应该按如下方式工作： https://my-domain.c...

在 Chrome 和 Safari 上一致地显示 SVG

我一直在尝试在我的 gatsby.js 应用程序中跨浏览器一致地显示 SVG。我尝试了两种不同的方法，但都不能完全起作用。 SVG 精灵 根据这个答案，我创建了一个图标

如何在 Gatsby-plugin-image 中将图像路径作为 Gatsby 中的 prop 传递

我正在尝试将图像的路径作为道具传递给组件 注意：组件和索引页都可以通过相同的路径访问图像。当我将路径作为 p 传递时它不起作用...

Netlify“build.command”对于 gatsby 网站失败

我最近在我的 Gatsby 网站上更新了一些插件。它在本地工作正常，但在 Netlify 上部署失败。 我收到的错误是： “build.command”失败 - 命令被终止

在使用 React Three Fiber 的 Gatsby 应用程序中使用 Context 实例化网格时出错

在我的 gatsby 应用程序中，我尝试利用实例多次显示网格。为此，我使用 https://gltf.pmnd.rs/ 提供的以下代码： 导入 React, { useRef, useMemo, useContext,