我一直在试图在盖茨比入门博客上添加一个标签页面，使其不占上风。我遵循文档中的教程，成功地从降价帖子中获得了一个标签列表，但是通过404链接。 在dev上有几个错误。 可能是因为教程已经过时了。 有没有使用链接的盖茨比入门博客的例子 现在，我已将盖茨比节点js文件恢复为默认文件 谢谢。是否要为每个标记创建一个页面，显示属于该标记的所有帖子的索引？是的，完全正确，当您单击索引中的帖子名称时，它会将您带到该特定帖子。因此，访问者可以查看类别/标签列表，查看类别/标签名称中的所有帖子，然后单击他们想要阅

我正在尝试使用盖茨比（v2.18.17）为我的博客生成页面。我已经在Gatsby网站上实现了教程中的代码示例，我在那里使用CreatePagesAPI。页面不会生成，并且没有警告或错误 gatsby node.js const path=require（`path`） const{createFilePath}=require（`gatsby源文件系统`） exports.onCreateNode=（{node，getNode，actions}）=>{ const{createNodeField

我创建了一个Gatsby应用程序，并将Gatsby node.js配置为只创建客户端路径，这些路径在开发过程中都可以正常工作，同时直接访问路径的url，但在生产过程中不能 例如： if(page.path.match(/^\/sample/)){ page.matchPath = "/sample/:value1/:value2/:value3"; createPage(page) } 我正在使用heroku部署应用程序为什么 虽然客户端路由器知道此路径，但没有相应的H

在netlify上托管的Gatsby Js项目中，有一个很好的解释如何处理表单提交。然而，这只是关于文本值提交，那么表单是否包含一些文件输入呢 任何人都可以从这里了解一些情况。Netlify支持在其表单处理程序中上载文件，无需任何特殊配置： Netlify表单可以接收通过表单提交上传的文件。要执行此操作，请将带有type=“file”的输入添加到任何表单。提交表单时，表单提交详细信息中将包含指向每个上载文件的链接。这些都可以在Netlify应用程序、电子邮件通知和我们的API中查看 谢谢@cor

我用的是盖茨比+斯特拉皮堆栈。图像上传到斯特拉皮，然后通过盖茨比源斯特拉皮插件下载，因为盖茨比图像仅适用于本地图像 GraphQL query: allStrapiRestaurant { edges { node { logo{ childImageSharp { fluid{ ...GatsbyImageSharpFluid

我正在努力在我的Silverstripe项目上运行Gatsby模块 这是我的作曲家文件： { "name": "silverstripe/installer", "type": "silverstripe-recipe", "description": "The SilverStripe Framework Installer", "require": { "php": ">=7.3", "silverstripe/recipe-plugin": "^1.3", "

下面的代码不会生成我的盖茨比网站的站点地图。我正在使用wordpress作为我的CMS。有什么建议我做错了什么 `gatsby-plugin-sitemap`, { resolve: `gatsby-plugin-sitemap`, options: { output: `./expatsitemap.xml/`, exclude: [`/category/*`], query: ` {

我在盖茨比工作，当我试图使用gatsby plugin Chakra ui文件夹中的shadowtheme.js文件覆盖核心脉轮主题时，它没有任何效果 有什么想法吗？我正在使用 import { extendTheme } from '@chakra-ui/core' const theme = extendTheme({ components: { Input: { variants: {

我使用盖茨比图像自动处理不同大小的图像。它工作得很好 然而，在盖茨比图像中，一个示例使用graphql中的imageSharp获得不同的图像大小，而另一个示例使用childImageSharp。我很好奇这两者有什么区别 我假设它与盖茨比变形金刚夏普或盖茨比插件夏普有关，但这些插件的文档也没有任何相关信息。好问题，夏普是一个了不起的工具，可以在任何JavaScript应用程序中做这么多。它本身也有大量的文档，我建议查看 First imageSharp可以以多种方式使用，尤其是在变换时。但这里有一

我对盖茨比不熟悉。上周我在运行开发服务器时遇到了这个问题。我尝试运行设置GATSBY\u CONTENTFUL\u OFFLINE=true，查看是否可以从缓存中为站点提供服务 在盖茨比的哪一行加上这一行 export GATSBY_CONTENTFUL_OFFLINE=true 已经有了一个答案，但由于没有经过投票或接受的答案，这里是一个总结。您可以执行以下操作之一： 将其添加到您的.bashrc（） 您可以在.bashrc或类似文件中使用export。您正在将变量声明从shell脚本导

我是盖茨比的新手，我会做出反应。我们正在使用gatsby和解耦drupal为一个小项目构建一个站点。我得到了以下错误，因为我连接了前端和后端，当我运行“盖茨比开发” ./node_modules/Gatsby/cache dir/Gatsby-browser-entry.js 22:4中出错 模块分析失败：意外令牌（22:4） 您可能需要适当的加载程序来处理此文件类型。 | |返回( > |{finalData&&render（finalData）} |{！finalData&&Loa

我用盖茨比创建了一个小网站。现在我有一个相当简单的问题： 如何防止某些组件或语句重新水化？例如，如何在页脚中插入一个保持静态的生成日期时间 import * as React from 'react' interface FooterProps { className?: string } const Footer: React.FC<FooterProps> = ({ className }) => <footer className={className}&g

我目前正在和盖茨比JS做一个项目。当我运行gatsbybuild&&gatsbyserve时，当我看到页面的源代码时，所有的css都显示在那里。 有没有一种方法可以隐藏查看页面源代码中那些凌乱的css 目前我在gatsby browser.js 谢谢大家 您的css很混乱，因为您是在gatsby浏览器中导入它的，如果您在组件中导入css，页面源代码看起来会更干净

有人能告诉我什么是盖茨比网站的正确部署流程吗？一旦建成，下一步是什么 1） 仅仅覆盖旧版本安全吗？但是在复制新版本的过程中会发生什么呢？老家伙会开始行为不端吗？此外，我可以注意到，盖茨比生成了一些看起来像guid的文件名…它是否一致地生成这些文件名…如果它没有（每次都生成新的文件名），网站磁盘空间将继续增长 2） 首先删除网站，并向客户显示一些维护页面，然后将其恢复在线 请不要建议为您进行这些部署和托管的任何服务/公司。我对自己实施这个过程感兴趣。提前谢谢。谢谢。但这只是描述了一种解决方案——最

是否可以从类似Strapi的无头cms中编辑gatsby config.js文件中的sitemata？我想让我的客户能够编辑这些信息，而不必自己硬编码 如果是，我怎么做 谢谢。这是不可能的。检查此处的盖茨比构建顺序：我使用的是Contentful，我最后要做的是创建一个自定义内容类型“config”，其中包含我想要的所有配置选项（类似于siteMeta），并在我想要使用选项的任何地方使用graphQL读取它。这并不完全是你想要的，但至少可以作为一种解决办法。

试图将“上下文”变量传递给页面查询时，我收到一个错误，告诉我没有提供该变量 从我的gatsby node.js文件： createPage({ path: `/portfolio/${pg.order}`, component: require.resolve("./src/pages/portfolio.js"), context: { pgNum: pg.order }, }) 我的页面查询： export const query = graphql`

由于以下原因，我无法再开发我的盖茨比网站： undefined不是对象（正在计算“originalFactory.call”） 我可以建立网站，但在使用gatsby develope时无法加载任何页面。我知道这和SSR有关。有办法解决这个问题吗 编辑 刚意识到当被移除时，它可以正常工作。它不会正确渲染，但没有运行时错误。还有什么我可以分享以帮助找到答案的吗？您是否尝试了以下代码片段，而不是您的服务工作更新资料功能 export const onServiceWorkerUpdateReady

我正在学习盖茨比是如何工作的，我有一个有两个页面的网站，两个页面都有彼此的超链接 由于gatsby使用javascript包将网站编译为静态页面，因此我希望html链接单击事件触发服务器的页面请求，以加载第二个页面。然而，我没有看到这样的要求。该网站的行为类似于从第一个页面加载的单页应用程序。链接单击不会导致网络页面请求第二个页面。同时，我可以看到服务器对second页面的请求做出了正确的响应。在这种情况下，将加载第二个页面，通过链接单击导航到第一个页面也不会导致HTTP请求 这是设计的吗？你

我与盖茨比合作，我与netlify一起部署，我与谷歌字体有问题。我正在使用Raleway（H1）和开放式SAN（body）。我尝试导入css中的字体，它在本地工作，而不是netlify上的在线版本，我尝试使用“盖茨比插件谷歌字体”在本地工作，但在netlify上不工作。我不知道问题出在哪里。您可以在此处查看网站： 有什么想法吗？ 谢谢：）最好的猜测，不要看到您的样式代码-它看起来只是CSS特有的错误，而不是Gatsby或Netlify特有的任何错误。您可以在devtools的“网络”选项卡中验证

我所有的Netlify解决方案似乎都存在构建失败问题 错误日志： 站点1 6:54:30 AM: info deleted directory at /opt/build/repo/src/data 6:54:30 AM: /opt/build/repo/node_modules/yoga-layout-prebuilt/yoga-layout/build/Release/nbind.js:53 6:54:30 AM: throw ex; 6:54:30 AM:

我一直在尝试在一个非常基本的盖茨比应用程序上安装NetlifyCMS，该应用程序是通过克隆。我遵循了，但我不断得到后端未找到的错误。这是我的盖茨比设置： /static/admin/config.yml backend: name: appendtoStatic branch: master media_folder: static/img public_folder: /images collections: - name: "pages" label: "Pages"

我正在尝试部署Gatsby站点（后端为Contenful），但从Netlify部署日志中得到以下错误。我无法理解错误，因此无法确定错误的来源 该问题仅在部署期间出现。该站点在开发过程中运行良好。我已在Netlify上检查了我的环境变量，并且这些变量设置正确 有人曾经遇到过这样一个神秘的错误消息，并设法解决了它吗？感谢任何指点。谢谢 6:22:50 AM: Failed to validate error { ValidationError: child "error" fails because

404页的《盖茨比》不起作用。我在src/pages/404.js中创建了一个404页面 我希望我定制的404页面会在生产中出现，但我刚刚收到一个404未找到错误（nginx） 为什么我创建的404页面没有在生产中显示？？？它是由docker配置修复的 { try_files $uri $uri/index.html =404; error_page 404 /404.html; }

我试图以编程方式创建页面，并在这些页面上添加动态路由，但遇到了一个问题，即无法创建动态路由 在我的gatsby-node.js中 exports.createPages = async ({ graphql, actions }) => { const { createPage } = actions {...graphql query} locations.forEach(edge => { createPage({ path: `/${edge

我需要一些帮助，但找不到任何可行的解决办法 我的项目结构如下所示： blog post1 index.md image.jpg data.json post2 index.md image.jpg data.json and so on... 每一个生成的页面都应该来自它们的标记文件（由于可能通过

如何在Gatsby中构建一个模板，该模板可以从多个标记文件中提取内容 用例是一个包含多个内容部分的网页，其中每个部分的内容将存在于其自己的标记文件中 主要是，我在寻找一个教程的链接 例如： 假设我有以下三个文件中的内容；hero.md、feature-one.md和feature-two.md 我想将这三个降价文件中的内容插入我的主页，如下所示 home.js模板伪代码 <div>{{ hero content }}</div> <h2>Features<

我的盖茨比网站需要2个博客模板： stories-template.js products.template.js 我已经为我的故事运行了故事模板，但我不确定如何调整和更改gatsby node+products.template.js中的现有代码，以便为我的产品创建第二个（不同的）模板 我尝试了所有的解决方案和过去的问题，但没有运气 我在gatsby-node.js中的代码： const path = require('path'); exports.createPages = ({acti

几周前，我部署了一个基于Netlify的博客 我正在通过GitHub进行Git存储库设置 如何升级？如何跟踪上游变化 今天我带着你四处看看。对于我的博客来说，这似乎是我可以手动完成的事情 目前，这似乎足以说明两件事： 对的src/components/seo.js的更改 对package.json的更改 通过手动操作，我的意思是，我只需编辑seo.js和package.json，以复制站点上的更改 有没有其他方法可以做到这一点？通常情况下，您会分叉初学者模板，并通过将更改合并回分叉存储库来保持同

我不能在Netlify上构建，但我在macOS上的终端上成功地构建了它 根查询是什么意思？有人遇到同样的问题吗？以下是netlify的日志： 11:10:25 AM: success createPagesStatefully - 0.217s 11:10:25 AM: success onPreExtractQueries - 0.000s 11:10:25 AM: success update schema - 0.065s 11:10:25 AM: error Multiple "root

目标： 加载站点时，应在导航栏中包含搜索框和菜单项 见下图： 问题： 当前首次加载时，google自定义搜索框没有出现。但是，当您重新加载/刷新页面时，页面将显示为正常，功能正常。但这很烦人，因为人们在刷新或重新加载页面之前可能不知道我有搜索框。这是第一次加载时的外观 更新：我四处打听了一下，对一些人来说很好。我在我的终端测试了几次，在匿名模式下，它有时加载良好，有时不加载（需要重新加载/刷新）。所以不是每个人都能一直重复这个问题。我很好奇为什么会这样 我试过： 据了解，我做了如下工作： 在

我正试图在我的盖茨比项目中设置i18n 我一直在循序渐进地学习本教程： 首先，我下载所需的软件包： npm i -S i18next i18next-xhr-backend i18next-browser-languagedetector react-i18next 然后我设置了i18n组件 import i18n from "i18next" import Backend from "i18next-xhr-backend" import Langu

我正在尝试优化用盖茨比框架构建的，根据谷歌灯塔的说法，主要问题之一是未使用的Javascript代码。处理此问题的最流行方法似乎是通过库从主捆绑包中排除组件。对我来说，这种方法的缺点是，它会在最初的网站加载过程中导致内容闪现。在保留可加载组件的同时，有没有办法解决这个问题？如果没有，在《盖茨比》中有没有其他的代码拆分方法

上游发生了一些变化，当我将代码部署到netlify时，我得到了一个构建错误 10:49:56 AM: Build ready to start 10:49:58 AM: build-image version: b0258b965567defc4a2d7e2f2dec2e00c8f73ad6 10:49:58 AM: build-image tag: v3.4.1 10:49:58 AM: buildbot version: c14f8ac04f7535496782ceb786d06f5741c

我很难让一些HTML元素，如和与gatsby plugin mdx一起工作 我在盖茨比插件mdx文档中找到了以下代码。您可以向gatsby plugin mdx添加本机备注插件，如下所示： module.exports={ 插件：[ { 解析：`gatsby plugin mdx`， 选项：{ remarkPlugins:[要求（“备注缩写”）]， }, }, ], } 按照这些思路，我在我的项目中添加了remark sub super，并将其放入我的盖茨比配置中，如下所示： const r

在netlify上，部署时出现以下错误 10:12:15 PM: Algolia: 1 queries to index 10:12:16 PM: Algolia: query 0: executing query 10:12:16 PM: Algolia: query 0: graphql resulted in 230 records 10:12:16 PM: Algolia: query 0: splitting in 1 jobs 10:12:16 PM: error failed to

所以我有两个盖茨比的网站 那个人大约40岁 我最近制作的第二个游戏得了“？” 然后，当我更新第一个以改进其性能时，它也得到了一个“？” 这两个地点是： Pixelfriendly.co.za Bee-projects.co.za 您网站上的某些内容导致PageSpeed Insights抛出错误 如果您查看“实验室数据”部分，您将看到两个站点都有一个部分写着“最大的有内容的油漆”写着“错误” 这几乎肯定与你的动画有关 您可以看到，最大的内容绘画正在寻找屏幕上绘制的最大项目。现在，它只在CPU停止

在当前的Gatsbyjs网站构建中，我需要在Google Analytics中记录一些（点击）事件 我不知道在哪里可以添加自定义代码来监听我想要发送的事件 添加js代码以跨页面侦听的常见做法是什么 谢谢 最好的方法可能是编写一个带有gatsby browser.js的插件，该插件实现 只要Gatsby开始在客户端运行，就会调用此函数，然后您就可以开始监听单击事件。谢谢Kyle的回复

使用gatsby node.js并以编程方式创建页面，我有两个选项： 我可以在gatsby node.js上对我需要的所有东西进行graphql查询，然后使用context将边数组传递给我使用的不同模板 这样，模板就不需要再次执行另一个graphql查询 我可以在gatsby node.js上执行相同的查询（因为我无论如何都需要这些信息），但是我可以使用context将相关信息传递给模板，这样他们就可以执行其他graphql查询来检索他们需要的数据 这样，我就不会通过上下文传递大量数据（事实并非

我正在使用Gatbsy、ContentfulCMS和Netlify建立一个网站。 它看起来很棒，在本地工作，但是我在使用tracedSVG选项制作流体图像时遇到了一个问题。Netlify部署过去常常工作，随着我向项目添加更多图像，现在经常出现以下错误（不总是在同一页面中）： 或者有时候 error The GraphQL query from /opt/build/repo/src/pages/index.js failed. Errors: Input file contains unsupp

如果页面在渲染期间抛出，是否可以在生成期间跳过创建该页面 此页面是错误的，并且可能是来自页面查询（来自我们的CMS）的数据错误导致其抛出 我不想因为一个坏页面而停止构建，因此理想情况下不会创建该页面，或者放置一个备用页面（错误事件将记录到Sentry或类似页面） 关于如何实现这一点有什么想法吗 编辑：我没有充分澄清我的问题，所以我想添加一些上下文，说明我试图解决的问题以及原因 我试图捕获的错误发生在生成时呈现页面的过程中。之所以发生此错误，是因为我试图呈现的组件假定数据中的某些内容不正确（但应

我在玩盖茨比的先发球员： 目前，我所做的只是尝试添加第三方脚本，比如谷歌AdSense，看看它是否有效 我已经在Netlify设置的snippetinjection选项中添加了GoogleAdSense代码 所以，问题是横幅只有在我刷新页面后才会出现。有没有办法在盖茨比中一直强制执行脚本？安装此插件 https://www.gatsbyjs.org/packages/gatsby-plugin-react-helmet/ 然后在你的代码中你可以这样做 <Helmet> &l

我正在用这个起动器来制作我的盖茨比。对添加的功能进行了一些修改，以满足我的需要，包括使用.mdx文件来编写页面和帖子，以便我可以在MD中添加JS 使用gatsby develope工作和预览站点时，一切看起来都很好。现在，在进行生产时，.mdx文件中的组件中使用的Tailwind类不会被渲染。尝试将包含@tailwind实用程序的global.css文件导入mdx，但没有成功。类出现在inspector中，但在CSS中不显示任何样式 当在tsx或js文件中使用Tailwind类时，它们可以工作。

我有一个静态页面，由Go应用程序根据请求的路径呈现（带有附加数据）。 这可以正常工作，但是React无法加载，因为Gatsby无法根据给定路径找到page-data.json 我已经尝试使用“@wardpeet/gatsby plugin static site”插件禁用客户端路由，但是问题仍然存在 我使用默认的gatsby模板，修改了html.js，没有任何或标记 我想完全禁用客户端路由（并删除app-data.json/page-data.json文件），或者至少将任何请求路由到同一个文件，

嗯，我已经建立了我的盖茨比网站，面临着一个形象问题。它在图像文件名的末尾生成一个散列 /静态/图像名称-719331c87d42041b22e62a63d9af6e69.webp 代码： 从“../images/image.webp”导入Img1； ......... ...... ........... 我怎样才能克服这个问题 第二件事是：我没有将我的公用文件夹部署到netlify。是否需要将公用文件夹推送到github？那么netlify会得到它吗？每次我把我的网站推到github，net

在某个时候，我开始出现以下错误 如果重新加载页面，此消息将消失，您将能够像往常一样访问该页面。 /src/page目录包含这些文件。 仅在开发环境中发生。 我很难找到原因。 我希望您能帮助我解决问题。确保删除所有cookie、本地存储和会话存储 还取消注册以前运行的任何旧服务。确保删除所有cookie、本地存储和会话存储 还取消了以前运行的任何旧服务的注册。您能再调试一下吗（当它发生时，哪个URL等）？你能分享一些代码或项目结构吗？你能调试多一点吗（当它发生时，哪个URL，等等）？你能分享一些

我有和中相同的问题，但由于某种原因，解决方案对我不起作用 模板内部的console.log显示正确传递到组件的数据和pageContext是{cat:“cat Name”，limit:10}，但查询结果返回的项目的类别与应用的过滤器不同。相同的查询工作正常，并返回GraphiQL资源管理器中的筛选列表 我的模板组件： const Page: FC<unknown> = ({pageContext}): React.ReactElement => { const data =

我正在寻找一个应用程序的最佳入门工具包，我想开始用React、Redux和SSR构建它 因为很难从头开始，我开始研究next.js和gatsby 事实上，我开始用这两种语言实现我的基本代码，结果非常好 在开始更“复杂”的内容之前，我想更好地了解盖茨比如何以及是否支持动态URL 我的应用程序应该： 在中注册或登录用户 为每个注册用户显示个人控制面板 为每个注册用户创建特定的公共配置文件页面 实现前2点很容易，但我想了解的是如何处理具有如下路由的页面：/users/：id/：昵称 我在谷歌上四处看看

我有一个带有TypographyJS（通过Gatsby插件）和Ant Design UI框架的GatsbyJS应用程序。排版插件是在官方文档之后添加的 要使ant design CSS发挥作用，您必须根据文档将ant design CSS导入gatsby browser.js文件中 ant design css覆盖了排版插件样式我想将ant设计样式与字体排版等一起使用。 gatsby-browser.js 排版术.js 您是否找到了问题的解决方案？不幸的是，没有：( /** * Impleme

盖茨比公开开发成功并验证盖茨比配置-0.005 s 错误安装“sharp”模块时出错 “\？\D:\korero\node\u modules\sharp\build\Release\sharp.node”是 使用Node_模块_版本根据不同的Node.js版本编译 64此版本的Node.js需要Node_模块_版本79。请尝试重新编译或重新安装模块（例如，使用npm） 重建或npm安装）。 -确保安装时使用的Node.js版本与运行时使用的版本匹配 -请参阅以下位置的安装文档： -在以下位置搜

目前，我正在尝试从API中提取一些数据，并使用sourceNode和createNode API将其添加到GraphQL中，如下所示： exports.sourceNodes = async ({ actions, createNodeId, createContentDigest }) => { const modules = ['data', 'stuff', 'bananas']; const modulesResponse = Promise.all(modules.map(asy