Gatsby是React的现代网站生成器。它专注于性能和灵活的数据源。
我的 Gatsby / Netlify 表单未提交任何表单数据
在网站上提交表单时，提交内容会出现在 Netlify Forms 中，但内容为空。 这是表单代码： 在网站上提交表单时，提交内容会出现在 Netlify Forms 中，但内容为空。 这是表单代码： <form className="mt-4" method="POST" netlify netlify-honeypot="bot-field" data-netlify="true" name="form-name"> <input type="hidden" name="bot-field" /> <input type="hidden" name="form-name" value="form-name" /> <div className="mb-6"> <label className="block text-gray-700 text-lg mb-1" htmlFor="name"> Your Name </label> <input className="rounded-md appearance-none w-full py-4 px-4 text-gray-700focus:outline-none" id="name" type="text" placeholder="Your name" required /> </div> <div className="mb-6"> <label className="block text-gray-700 text-lg mb-1" htmlFor="email"> Your Email </label> <input className="rounded-md appearance-none w-full py-4 px-4 text-gray-700focus:outline-none" id="email" type="email" placeholder="Your email" required /> </div> <div className="mb-6"> <label className="block text-gray-700 text-lg mb-1" htmlFor="email"> Your form-name </label> <textarea rows="10" className="rounded-md appearance-none w-full py-4 px-4 text-gray-700focus:outline-none" id="form-name" placeholder="Your enquiry" required /> </div> <div className="flex items-center justify-center"> <button className="bg-gray-800 block w-full md:inline-block md:w-auto hover:bg-gray-600 text-white font-bold py-5 px-8 rounded focus:outline-none focus:shadow-outline" type="submit"> Submit </button> </div> </form> 这是网址： https://party-pix.co.uk/ 您在提交表单时检查过您的有效负载吗？内容是否在有效负载中？
我在 gatsbyJS 中遇到以下错误：字段“thumbnail”不得有选择，因为类型“String”没有子字段。 我已经尝试更改我的插件的顺序...
我今天使用了 https://pagespeed.web.dev/，令我惊讶的是我的网站的性能得分仅为 64。在我的浏览器、托管网站、隐身选项卡中运行它，它始终在 9 之间。 ..
我有一个用 Gatsby 构建的旧网站，它使用 gatsby-plugin-offline 通过服务工作者缓存页面。我创建了一个新站点（在 NextJS 中），现在通过 Netlify 部署到相同的 URL...
我有一个简单的盖茨比入门程序，生成为 npm 初始化 gatsby -ts 在plugins目录下还有一个简单的本地插件，使用以下命令生成 gatsby 新源码插件 https://github.com/gatsbyjs/ga...
如何将本地 gatsby 插件转换为 Typescript？
我有一个 Gatsby 项目，最近从 Javascript 转换为 Typescript。 src 目录中的所有代码都已转换，但本地插件的plugins 目录中的代码仍然是 TS。 当我重命名时...
Gatsby - “gatsbydevelopment”命令卡住，没有错误
我是 Gatsby 的新手，每次运行命令 gatsbydevelop 时，我的终端都会卡住。 它给出以下输出并永远保留在那里。没有显示错误或信息。 tarun@192 gatsby-starter-her...
如何在 gatsby 中生成页面，该页面允许您向路由添加参数，例如 https://page1?someParam=param 或 https://page1/param 我的意思是？当我们导航到 gatsby 中的 page1 时...
我有一个带有三阶段预订表格的网站。它使用 google re-captcha 验证表单，然后应该使用邮戳通过一个模板向客户发送电子邮件，然后向客户发送
我正在 Gatsby 中创建一个 React hook 表单。我只是想用现有数据预填充字段。但我收到此错误，甚至无法调试代码。 错误：“对象作为......无效”
我正在使用 Gatsby（基于 React 的框架）作为 CMS，并尝试创建一个将返回一系列 JSON 的组件。 但由于某种原因，出现了解析错误 - ','预期.ts(1005) 我的代码 - ...
GatsbyJS - 如何使用 createPages 设置 gatsby-node.ts？
我正在将我的 Gatsby 网站迁移到 typescript，并按照官方指南将 gatsby-node.js 更新为 .ts 文件。 js 文件工作正常，但 ts 文件不行。唯一的区别是： 导出.createP...
Gatsby - 无法获取此 StaticQuery 的结果
我有一个 Gatsby 网站，已经在线平稳运行了 3 个月。 截至 7 月 24 日星期五，我开始收到以下结果，用户只能看到空白屏幕。 这很可能...
Strapi 字段不由 GraphQL / Gatsby 获取
Strapi 中可用的字段不会出现在 GraphQL 架构中（GraphiQL 游乐场） 我尝试了一切： 所有权限均在角色中给出； 深层人口工作，盖茨比源带...
图像未使用 GatsbyImage 在 Gatsby 上渲染
我在使用 GatsbyImage 将图像加载到我的网站上时遇到问题，希望得到任何帮助来解决此问题。 这就是我期望渲染图像的页面上的内容：...
即使创建了具有其名称的 javascript 文件，页面也不会加载
我是 React 和 Gatsby 的新手，所以我正在在线学习 Gatsby 教程。当我遇到问题时，我正在稳步完成第二部分。在教程中，他们创建了第二个 javascript 文件...
我将地图API脚本添加到index.js类返回中： var mapContainer = document.getElementById('map'), 地图选项 = { 中心：新 kakao.maps.LatLng(37.56591, 126.9789...</desc> <question vote="0"> <p>我将地图API脚本添加到index.js类返回：</p> <pre><code><script> var mapContainer = document.getElementById('map'), mapOption = { center: new kakao.maps.LatLng(37.56591, 126.97894), level: 4, mapTypeId : kakao.maps.MapTypeId.ROADMAP }; var map = new kakao.maps.Map(mapContainer, mapOption); </script> </code></pre> <p>它给出了两个错误：</p> <blockquote> <p>'}' 预期。（第 4 行“：”） 意外的令牌。您指的是 <pre><code>{'}'}</code></pre> 还是 <pre><code>&rbrace;</code></pre>？ （第 7 行“}”）</p> </blockquote> <p>它应该在 html 中工作。 React 不是应该返回 html 属性吗？我曾经以为它可能不接受脚本，但是下面的代码没有语法错误：</p> <pre><code><script src="https://dapi.kakao.com/v2/maps/sdk.js?appkey=xxxxxxxxxxx"></script> </code></pre> <p>*使用React的dangerouslySetInnerHTML属性也不起作用。它确实修复了语法错误，但不显示我的地图：</p> <p><a href="https://www.gatsbyjs.org/docs/custom-html/" rel="nofollow noreferrer">https://www.gatsbyjs.org/docs/custom-html/</a></p> <p>* 不能修复语法错误</p> <p>这是完整的<pre><code>index.js</code></pre>代码：</p> <pre><code>import React from "react" export default class Home extends React.Component { render() { return ( <div style={{ color: `purple` }}> <p>Welcome to donghwankim.com!</p> <p>Powered by Gatsby</p> <div id="map" style={{width:'500px', height:'400px'}}></div> <script src="https://dapi.kakao.com/v2/maps/sdk.js?appkey=3199e8f198aff9d5aff73000faae6608"></script> <script> var mapContainer = document.getElementById('map'), // 지도를 표시할 div mapOption = { center: new kakao.maps.LatLng(37.56591, 126.97894), // 지도의 중심좌표 level: 4, // 지도의 확대 레벨 mapTypeId : kakao.maps.MapTypeId.ROADMAP // 지도종류 }; // 지도를 생성한다 var map = new kakao.maps.Map(mapContainer, mapOption); </script> </div> )} } </code></pre> <p>我尝试并确认了原始 html 文件工作：（忘记添加 https: 和隐藏密钥。非常抱歉。）</p> <pre><code><!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>다음 지도 API</title> </head> <body> <div id="map" style="width:1000px;height:500px;"></div> <script src="https://dapi.kakao.com/v2/maps/sdk.js?appkey=3199e8f198aff9d5aff73000faae6608"></script> <script> var mapContainer = document.getElementById('map'), // 지도를 표시할 div mapOption = { center: new kakao.maps.LatLng(37.56591, 126.97894), // 지도의 중심좌표 level: 4, // 지도의 확대 레벨 mapTypeId : kakao.maps.MapTypeId.ROADMAP // 지도종류 }; // 지도를 생성한다 var map = new kakao.maps.Map(mapContainer, mapOption); </script> </body> </html> </code></pre> </question> <answer tick="false" vote="1"> <p>您可以使用<pre><code>dangerouslySetInnerHTML</code></pre>。</p> <pre><code><script dangerouslySetInnerHTML={{ __html: ` var mapContainer = document.getElementById('map'), // 지도를 표시할 div mapOption = { center: new kakao.maps.LatLng(37.56591, 126.97894), // 지도의 중심좌표 level: 4, // 지도의 확대 레벨 mapTypeId : kakao.maps.MapTypeId.ROADMAP // 지도종류 }; // 지도를 생성한다 var map = new kakao.maps.Map(mapContainer, mapOption); `, }} /> </code></pre> </answer> </body></html>
在 Visual Studio Code 中，为什么 src/pages 链接在一起或出现在一起？ [重复]
我是 Visual Studio Code (VSC) 的新手，我正在学习 Gatsby 教程。每次我创建新目录时，VSC 都会链接或似乎将 src/pages 链接在一起。我希望页面成为子折叠...
Gatsby - ReferenceError：初始化前无法访问“u”
我是 Gatsby 的新手，有人要求我向 Gatsby 项目添加一些与 Gatsby 不太相关的内容。我必须添加的依赖项与旧版本的 Gatsby 不兼容，所以我...
我确信这将是一个非常直接的答案，但我一生都无法弄清楚如何让我的 Gatsby/React 网站在没有滚动的情况下从新页面的顶部开始过渡效果...