如何减少静态查询代码重复Gatsby JS
Gatsby JS 是一个基于 React 的静态网站生成器，它可以帮助开发者快速构建高性能的静态网站。在 Gatsby JS 中，静态查询是一种用于获取数据的功能，它可以从数据源中提取所需的数据，并将其用于构建页面。
为了减少静态查询代码的重复，可以采取以下几种方法：
- 使用 GraphQL 片段（GraphQL Fragments）：GraphQL 片段是一种可重用的查询代码块，可以在多个查询中共享。通过定义和使用 GraphQL 片段，可以将常用的查询代码抽象出来，减少重复的代码量。
- 创建自定义的 GraphQL 查询组件：可以将常用的查询逻辑封装到自定义的 GraphQL 查询组件中，以便在多个页面或组件中重复使用。这样可以避免在每个页面或组件中编写相同的查询代码。
- 使用 Gatsby 的数据层（Data Layer）：Gatsby 提供了数据层的概念，可以将数据源的查询逻辑集中管理。通过将数据源的查询逻辑放在数据层中，可以在页面或组件中直接引用数据，而无需编写重复的查询代码。
- 使用 Gatsby 的插件：Gatsby 生态系统中有许多插件可以帮助减少静态查询代码的重复。例如，gatsby-plugin-graphql-codegen 可以根据 GraphQL 查询自动生成 TypeScript 类型定义，从而减少手动编写类型定义的工作量。
总结起来，减少静态查询代码重复的方法包括使用 GraphQL 片段、创建自定义的 GraphQL 查询组件、使用 Gatsby 的数据层和插件。这些方法可以提高开发效率，减少代码冗余，并使代码更易于维护。
推荐的腾讯云相关产品：腾讯云云开发（CloudBase）是一款集成了云函数、云数据库、云存储等服务的全栈化云开发平台，适用于快速构建静态网站和应用程序。腾讯云云开发提供了丰富的功能和工具，可以与 Gatsby JS 等静态网站生成器无缝集成，帮助开发者更高效地开发和部署静态网站。
腾讯云云开发产品介绍链接地址：https://cloud.tencent.com/product/tcb
相关·内容
当我试图使用静态查询在gatsby项目中使用gatsby映像加载图像时，会出现此错误。为了给您提供一些上下文，我使用多个gatsby网站制作了一个monorepo，并重用了共享组件。文件夹的层次结构是：
包
共享用户界面
图像
lightlogo.png
- components
- lightlogo.js
- index.js
- ventures
- src
- pages
- 404.js
index.js文件导出页面的lightlogo徽标组件以访问它。
浏览 1提问于2020-12-03得票数 0
如何在Gatsby one中实现从/foobar/到外部url http://example.com/page/的重定向
在Gatsby 2.20.6中，以下代码不起作用：
// gatsby-node.js
...
exports.createPages = ({ actions }) => {
const { createRedirect } = actions;
createRedirect({
fromPath: '/foobar/',
isPermanent: true,
redirectIn
浏览 0提问于2020-04-17得票数 1
1回答
如何使用nginx在子目录上托管gatsby.js，我已经尝试过使用proxy_pass http://127.0.0.1:8000和gatsby develop来实现这一点，但我面临的问题是Socket.io。有人知道如何在子目录中托管gatsby吗?我使用了下面的重写代码rewrite ^([^.\?]*[^/])$ $1/ permanent。但这没什么用。
修复
好的，一开始我用的是gatsby develop，这样我就可以使用HMR了，但是我想乞丐是不会选择的，所以根据fabian的话，我做了以下的事情。
最后，我就是这样做的，
我在我的pathPrefix: '/blog&
浏览 1提问于2018-08-13得票数 3
回答已采纳
1回答
我正在与Gatsby和Netlify CMS建立一个静态网站。该网站也托管在Netlify上。我有一个博客部分，我从一个markdown文件中为每篇文章生成一个页面。对于我生成的每个文章页面，在构建过程中都会出现以下警告：“查询耗时太长”。站点最终会构建，但是构建时间越来越长，我生成的页面越多，所以我担心当我的站点中有太多文章时，它会变得太长。 我正在为netlify CMS创建的每个markdown文件生成一个页面。 您是否介意查看我在gatsby-node文件中的代码，以及我在博客模板文件中使用的查询，看看我是否做错了什么，从而解释了构建时警告消息？ 谢谢 下面是我的开发环境 npm
浏览 3提问于2021-02-01得票数 3
回答已采纳
我有一个Django CMS作为我的后端应用程序。我正在尝试在我的Gatsby前端站点中动态创建页面。我的Django应用程序是使用Graphene通过GraphQL公开的。但是我不能从后端CMS查询插件，也不能使用gatsby-node.js创建页面。在后端应用程序中创建页面时，如何创建页面？ 我的想法是 //gatsby-node.js
exports.createPages = ({ graphql, actions }) => {
const pages = graphql`
{
blogPages{
浏览 18提问于2020-06-24得票数 0
我在Gatsby.js中有一个插件Gatsby.js (React)。看起来是这样的：
/* file: gatsby-browser.js */
const typeWriting = () => {
new Typewriter('#intro-typing', {
strings: ['Drupal', 'WordPress', 'OpenCart'],
});
}
export const onInitialClientRender = () => {
typeWriting();
}
我想
浏览 2提问于2021-02-25得票数 0
我正在使用Gatsby JS创建一个静态站点。该网站是使用gatsby-source-filesystem插件从文本文件动态构建的。我的配置如下：
{
resolve: `gatsby-source-filesystem`,
options: {
name: `Wrappers`,
path: `${__dirname}/ToolWrappers`,
},
},
我的要求是为我的一些静态源文件提供稳定的、系统的URL。默认情况下，会为它们分配一个publicURL，比如/static/e97a5c9f35ab3
浏览 2提问于2021-01-31得票数 1
1回答
虽然Gatsby开发得很好，但是这个标记来自Netlify CMS。具体错误是：
error Building static HTML failed for path "/null"
See our docs page on debugging HTML builds for help https://gatsby.app/debug-html
11 | export default function Template({ data }) {
12 | const { markdownRemark } = data;
> 13 | const { fr
浏览 1提问于2019-02-19得票数 0
2回答
我在gatsby中有一个项目，它使用MySQL的Node.js/express作为后端。
现在，我知道我要做的就是gatsby build，这将在project/public文件夹中为我创建静态html/css/js文件，我可以将它们全部粘贴到public_html文件夹中，这将会起作用(它起作用了)，但我对数据库的事情感到困惑：
我的问题是，在gatsby-config.js中，当我将mySql连接从localhost更改为hosted db设置时，例如：
(评论的是托管的数据库配置)
如果我在不注释代码的情况下运行gatsby develop。上面写着No such DB Err
浏览 29提问于2020-09-29得票数 0
1回答
我目前正在使用Gatsby创建一个网站，并使用gatsby-source-wordpress插件从Wordpress中查询数据。在我的gatsby-node文件中，我设置了基于帖子类别动态创建网页。当我尝试运行按类别段塞排序和按post日期过滤的查询时，收到一个错误："Error: The result of this StaticQuery not be fetched“。 有没有人能看看这个，让我知道我到底哪里错了？ gatsby-node文件： const path = require('path')
module.exports.createPages =
浏览 17提问于2019-12-05得票数 0
我使用gatsby-node.js和gatsby-ssr.js文件创建了一个gatsby js电子商务网站。
我注意到它很像一个预渲染，然后是一个服务器端渲染！
如果在数据库中创建新数据会发生什么，gatsby实际上会将新数据放在服务器端并在服务器中生成代码吗？
浏览 10提问于2019-07-29得票数 0
回答已采纳
使用gatsby-node.js并以编程方式创建页面，我有两个选项：
我可以在gatsby-node.js上查询我所需要的一切，然后传递(例如)使用context的边数组到我使用的不同模板。
这样，模板就不需要再执行另一个graphql查询了
我可以在gatsby-node.js上执行同样的查询(因为我无论如何都需要这些信息)，但是我可以将相关信息与context一起传递给模板，这样他们就可以执行其他graphql查询来检索所需的数据。
这样，我不会通过上下文传递大量数据(事实并非如此，但最终可能会发生这种情况)，而是重复数据库查询。
什么是更有效的？我看到文档似乎建议
浏览 1提问于2019-02-18得票数 0
回答已采纳
我的盖茨比项目在此错误后突然停止工作，因为它以前运行良好。
错误#gatsby源-wordpress_111002
gatsby-wordpress错误:状态代码为429的请求失败，状态代码为(D:\Projects\Project1\oclouds\node_modules\gatsby-source-wordpress\node_modules\axios\lib\core\createError.js:16:15) at createError (D:\Projects\Project1\oclouds\node_modules\gatsby-source-wordpress\node
浏览 28提问于2022-03-15得票数 0
我已经用gatsby-source-contentful成功地获取了数据，但是我想不出如何用markdownRemark扩展内容丰富的查询，如官方中所示。
我在gatsby-config.js中添加了gatsby-config.js，运行了gatsby clean && gatsby develop，但仍然看不到Graphiql中的childMarkdownRemark。
gatsby-config.js
module.exports = {
siteMetadata: {
title: 'Test Contentful and MarkdownRem
浏览 1提问于2019-11-24得票数 3
我在生产版本(Gatsby build)中设置路由时遇到了一些问题，控制台中会弹出以下内容： error Building static HTML failed
See our docs page on debugging HTML builds for help https://gatsby.app/debug-html
5 | function __webpack_require__(moduleId) {
6 |
> 7 | // Check if module is in cache
浏览 48提问于2019-02-15得票数 1
回答已采纳
我正在尝试使用GatsbyJS创建一个博客。我遵循以下教程 https://www.gatsbyjs.org/docs/recipes/#optimizing-and-querying-images-in-post-frontmatter-with-gatsby-image 博客包含标题、特色图片和文本。 MDX-file结构如下所示。 ---
title: My First Post
featuredImage: ./corgi.png
---
Post content... 而且，gatsby-node.js文件中的代码如下 exports.createPages = async ({
浏览 8提问于2019-10-06得票数 2
因此，我试图获取在我的标记文章中定义的图像，当我使用GraphQLi时，查询工作正常，但是在我的JS代码中，它返回错误的图像。
import React, { ReactElement } from 'react';
import { useStaticQuery, graphql } from 'gatsby';
import { GatsbyImage } from 'gatsby-plugin-image';
export const Img = (props: { alt: string; src: string }): ReactEl
浏览 1提问于2021-12-10得票数 1
回答已采纳
我对Gatsby，React和GraphQL还是个新手，所以我只是想在走错路之前和社区确认一下……
WooCommerce REST API (通过WordPress REST API)是否可能成为Gatsby的电子商务集成？如果是，是否可以使用GraphQL查询WooCommerce API (类似于使用gatsby-source-wordpress插件查询WordPress REST API )？仅仅使用WordPress REST API就可以完成这一切吗？
如果有人将WooCommerce与Gatsby集成在一起(或者知道Gatsby电子商务解决方案工作得更好)，我很想了解它！
浏览 0提问于2017-10-20得票数 1
我想使用gatsby-source-facebook显示一篇文章的数据。但是我不知道如何写一个查询。我在找不到最好的查询
我用gatsby.js做了一个简单的网站。我想获得facebook的文章数据(张贴日期和文本)，并在网站上显示它。我为此安装了gatsby-source-facebook。并更改了gatsby-config.js。→
//`gatsby-config.js`
plugins: [
{
resolve: `gatsby-source-facebook`,
options: {
places: [`${facebookP
浏览 0提问于2019-09-02得票数 0
我的gatsby.js站点基于egghead.io使用的存储库：
当我运行gatsby build命令时，我会生成以下文件结构(我省略了404和索引文件夹)
对于我的"content“文件夹中的每个博客帖子，我都会生成两个文件夹，每个文件夹都与博客帖子的名称相同。"public“下的一个包含html文件，而"page-data”下的一个包含json文件，该json文件包含与html文件中呈现的内容完全相同的内容，但不包括任何CSS样式。
当我已经有静态html文件时，为什么这些json文件还存在？从本质上讲，我得到的是重复数据。
浏览 20提问于2020-05-30得票数 0
回答已采纳
我正试图在我的React组件中构造一个GraphQL查询，我需要限制返回的结果数量。我在gatsby-node.js文件中的"createPage“函数的"context”属性中设置了限制值。
在我的React组件中，我可以看到limit属性是通过"props.pageContext.limit“传入的。我需要获取这个限制值，并将其传递给React组件底部的GraphQL查询
下面是我尝试过的方法，但它不起作用，如果我在查询中省略了limit值，那么它将返回所有结果。
//gatsby-node.js
...
const postsPerPage = 3
浏览 17提问于2019-07-25得票数 0
1回答
我正在尝试在Gatsby站点上显示一个独特的主题类别列表，我将用它来创建独特的页面。这些将作为分类术语。我的源json文件的有限版本如下所示：
[
{
"BookID": "4176",
"Title": "Book Title 1",
"Subject": {
"subjectID": "HR",
"name": "Civil War & Reconstruction"
}
浏览 1提问于2021-02-04得票数 1
我正在使用Gatsby和Netlify CMS进行图像上传。我正在使用图像小部件，当我将图像上传到媒体库时，我的Gatsby站点工作正常。但是，如果我将图像更改为现有图像的URL字符串，我的Gatsby页面查询将中断：
Field "featureImage" must not have a selection since type "String" has no
subfields.
我怀疑这显然是因为我的graphQL查询被设置为期望一个图像文件，而我已经在CMS中将该文件更改为一个字符串。有没有办法让这个实现动态化？相关代码如下：
模板组件中的
浏览 5提问于2021-05-04得票数 1
在盖茨比( Gatsby )中，我编写了一个post模板：
singlePost.js：
import React from 'react'
import { graphql } from 'gatsby'
import { MDXRenderer } from 'gatsby-plugin-mdx'
import { H1 } from '../elements'
import { Container, Post, FeatureImage } from '../components'
const singleP
浏览 8提问于2021-02-12得票数 2
回答已采纳
我花了三个小时来调试这个盖茨比构建错误。
它说要使用非缩小的命令，但是gatsby develop不会抛出任何错误，所以我有点不确定如何调试它。
在线查看对/styles/文件夹的显示非常少。
我的Netlify服务器还抛出相同的错误，以及在Mac上本地失败。
对从哪里开始有什么建议吗？
ERROR
Page data from page-data.json for the failed page "/styles/": {
"componentChunkName": "component---src-pages-styles-js",
浏览 4提问于2022-02-02得票数 0
回答已采纳
我第一次测试盖茨比和GraphQl，我正在尝试一个简单的例子.
当我想通过布局中的GraphQl请求显示标题时出现了此错误？：Uncaught TypeError:无法读取未定义的的属性'site‘
这是我的布局：
import React from 'react'
import { graphql } from 'gatsby'
export default ({ children, data }) =>
<div style={{margin: 'auto', maxWidth: 760}}>
<h
浏览 0提问于2018-10-12得票数 9
回答已采纳
我是盖茨比的初学者。最近开始用WordPress &盖茨比建立一个无头网站。我想通过gatsby-node.js创建动态页面& post。当查询到时，会显示查询结果。我怎样才能解决这个问题？
gatsby-node.js
代码链接：
浏览 1提问于2022-01-31得票数 -1
我一直在使用盖茨比( Gatsby )，并一直试图创建一个带有静态页面( sitemap )的lastmod值的src/pages。我看到了一个随机的代码片段，其中有人在他的gatsby-config.js中运行了下面的查询，并且能够得到他上次修改它们的日期。
allSitePage {
nodes {
path
context {
updated
}
}
}
我没能实现同样的壮举。
这就是我到目前为止尝试过的。我假设他使用上下文管理器，并在他的js文件中设置上下文，并在每次编辑文件时手动更新上下文的值。
const Updated = React.
浏览 7提问于2021-11-29得票数 3
回答已采纳
1回答
我一直在使用盖茨比回购( Gatsby )，我注意到在某些情况下，如果不是一直调用窗口，我的部署将因以下错误而失败
4:57:03 AM: failed Building static HTML for pages - 1.305s
4:57:03 AM: error "window" is not available during server side rendering.
4:57:03 AM:
4:57:03 AM: 21 | }
4:57:03 AM: 22 | else {
4:57:03 AM: > 23 | _btoa = btoa.bi
浏览 4提问于2021-08-28得票数 1
回答已采纳
1回答
我正在我的Gatsby站点上创建一些登录页面，并希望列出特定内容类型的节点。例如，我有：
allContentfulSongs
allContentfulBlogs
在我的登录页面模板中，如何动态查询歌曲或博客？我试过了：
all${landingPage} {
edges {
node {
id
}
}
}
但是我得到了一个语法错误。有没有办法在Gatsby中做到这一点，或者我应该只使用
@include(if: $landingPage)
对于查询中的每个contentType？
浏览 12提问于2018-02-04得票数 0
回答已采纳
我正在尝试将我的静态图像放到构建的静态文件夹中，以便在gatsby配置中设置一个pathPrefix。当前，构建上的图像的路径为/静态/Image.jpg，我希望添加/lp/的前缀，因此它将是/lp/静态/Image.jpg。下面是我使用的代码：
// Page Template //
<Img fluid={file.childImageSharp.fluid} />
export const query = graphql`
file(relativePath: { eq: "image.jpg" }) {
childImageSharp {
浏览 3提问于2019-10-07得票数 0
回答已采纳
自称graphql-noob在这里。 也就是说，让我们假设Mongo/Express/React/Node/Gatsby JS项目中的以下页面级graphql查询： import React from 'react';
import Layout from '../components/Layout';
import { graphql } from 'gatsby';
import { Link } from 'gatsby';
import ItemImg from '../components/ItemImg&#
浏览 13提问于2021-01-02得票数 2
回答已采纳
我在Strapi上的项目内容类型上设置了一个名为pictures的多媒体(图像)字段，并添加了2个项目，每个项目包含4个图像。我想使用Graphql在Gatsby中查询这些图像。 这是我在gatsby-config.js中的插件数组 plugins: [
`gatsby-plugin-react-helmet`,
{
resolve: `gatsby-source-filesystem`,
options: {
name: `images`,
path: `${__dirname}/src/images`,
浏览 31提问于2020-07-06得票数 1
我已经将gatsby-plugin-layout安装到我的项目文件中，创建了src/layouts/index.js，并将gatsby-plugin-layout添加到gatsby-config.js中。Gatsby应用程序编译并可以在开发服务器上服务，但是通过我的布局组件的console.log输出，我看到布局组件仍然在每个页面加载上重新挂载。我的目标是让布局组件在反应应用的过程中只挂载一次。
src/layouts/index.js
import React from "react"
import Header from "../components/header&
浏览 0提问于2019-10-04得票数 1
回答已采纳
我正在尝试编写一个页面查询，以返回GatsbyJS项目中的一行文本和图像。我正在使用Gatsby图像插件以及‘gatsby转换器-sharp’和‘gatsby- plugin’，并且我一直收到一个错误，即从查询返回的节点是未定义的。
我的查询如下：
query ProjectsPage {
allMarkdownRemark {
nodes {
frontmatter {
featuredImg {
childImageSharp {
fluid{
...GatsbyImageSha
浏览 2提问于2021-12-15得票数 1
回答已采纳
我现在正在学习Gatsby.js，我遇到了一个问题。我已经安装了transformer插件，并且我有一个.md文件，其中有标题、堆栈和段塞。 title :Place Sharing Website
stack :React.js & Node.js
slug :place-sharing
---
### You can share the places that you visited 我想查询标题、堆栈和插件。但我不能这么做。下面是我尝试这样做的代码。 allMarkdownRemark {
nodes {
frontmatter {
title
浏览 16提问于2021-07-15得票数 1
在Gatsby中，如何创建使用gatsby-source-graphql插件加载的数据的解析器。我在查询解析器中的数据时遇到了麻烦。这可以做到吗？任何关于我遗漏的建议都将是有帮助的。
在gatsby-node.js中类似这样的内容...
exports.createResolvers = ({ createResolvers }) => {
createResolvers({
Query: {
getStructure: {
type: `Structure`,
async resolve(source, args, context
浏览 1提问于2019-12-09得票数 1
我有一个项目与盖茨比，它的‘构建’是部署到AWS S3桶与静态网站托管。
我的盖茨比项目是使用插件，即从o数据集获取数据。
在我的非生产阶段，我希望有一个预览和watchMode，这样我就不会构建和部署应用程序的每一个变化。
在gatsby-config.js中的此配置中
{
resolve: "gatsby-source-sanity",
options: {
projectId: process.env.GATSBY_SANITY_PROJECT_ID,
dataset:
process.env.G
浏览 1提问于2021-08-12得票数 0
目标 嗨。我有一个Gatsby网站，我正在使用gatsby-transformer-remark插件将博客目录中的博客标记文件加载到GraphQL中，以便在我的网站上显示。我已经查看了文档和示例代码，以了解如何为每个页面创建一个插件，以便在gatsby-node.js文件中可以使用该插件动态创建页面。 问题 当我尝试访问GraphiQL中的fields { slug }属性时，我得到了以下错误：message": "Cannot query field \"fields\" on type \"MarkdownRemark\"."我已经
浏览 8提问于2021-01-04得票数 3
回答已采纳
我试图使用Gatsby和Firebase的数据以编程方式创建Gatsby页面。我已经成功地设置了所有内容，直到可以通过GraphQL访问Firebase数据为止，现在我想查询使用id (以字符串格式创建的)每个新页面的具体数据。但是，当我创建模板组件并尝试查询数据时，我会得到以下错误：
Variable "$clientId" of type "String!" used in position expecting type "StringQueryOperatorInput".
我已经到处寻找这个StringQueryOperatorInput
浏览 5提问于2020-02-06得票数 8
回答已采纳
在盖茨比2.17.6项目中，当建造：
构建生产JavaScript和CSS包====
1.940 s 1/6 17%的运行查询失败构建产品JavaScript和CSS包-75.519 s
错误#98123 WEBPACK
生成JavaScript包失败
postcss-svgo: TypeError:无法设置未定义的属性“multipassCount”
未完成运行查询-77.639 s npm错误！代码ELIFECYCLE npm错误！错误1国家预防机制错误！默认@1.0.0构建:节点节点_模块/gatsby/dist/bin/gatsby.js build` npm！退出状态1
这些
浏览 6提问于2019-10-29得票数 14
回答已采纳
我正在做一个Gatsby项目。有创设讨论室的功能。例如:如果我创建了一个新房间，我想要有如下所示的新路由。(使用唯一的房间id) https://www.discussion.com/room/d3e353如何为Gatsby动态创建路由？在Gatsby中，正常的动态路由是在Gatsby gatsby.node.js文件中完成的。通过createPage函数。但在这种情况下，我必须在源文件中创建新的路由，而不是在配置文件中。请帮帮我。
浏览 27提问于2020-12-16得票数 1
我正在使用gatsby初学者博客模板，我成功地从内容中获得了丰富的文本，并将其显示在页面上。我现在正在尝试做同样的事情，但是使用减价，但是我得到了一个错误"NetworkError，当我试图获取资源“。我的graphql查询。
我试图在这里跟踪文档，所以首先，我有一个很长的文本字段，用于将标记存储在名为"bodym“的内容中。
我的GraphQL查询如下，我基本上是在遵循。我能从满足感中打听出这句话。
但是，当试图将其转换为可用的HTML时，我会得到以下错误：
我在控制台中得到了以下内容：
ERROR
The "path" a
浏览 6提问于2020-06-15得票数 0
回答已采纳
1回答
我很难找到准确描述如何使用"gatsby-source- contentful“插件和从contentful API查询数据的文档。我在gatsby-config.js文件中设置了所有内容，并且没有运行错误。我想知道如何开始打这些电话。我已经查看了/___graphql路径，但没有看到任何与contentful相关的查询选项。
任何信息都将不胜感激。
这是我的插件配置数据
{
resolve: `gatsby-source-contentful`,
options: {
spaceId: keys.spaceId,
accessToken: keys.a
浏览 1提问于2019-01-24得票数 1
有一段时间我一直在想这个问题，但没能弄清楚。
总之，我正在尝试用netlify CMS制作一个Gatsby站点。CMS的目的不是创建或删除页面，而是能够编辑不同静态页面的内容(例如:关于主页等)。
在我的Gatsby项目中，我基本上连接了netlify CMS，并且我试图实现的文件结构大致如下：
myproject/
|---src/
|---CMS
|---about.md
|---index.md
|---pages
|---about.js
|---in
浏览 1提问于2019-01-17得票数 0
回答已采纳
GraphQL查询中出现了一个错误：
未知类型"ContentfulSizes“。你是说"ContentfulBlogPost“、"ContentfulBlogPostSys”、"ContentfulContentType“还是"ContentfulBlogPostEdge"？文件: node_modules\gatsby-source-contentful\src\fragments.js:223:47
通过安装并启用Gatsby源代码内容插件后运行gatsby的开发服务器，我得到了这个错误。
浏览 2提问于2020-05-18得票数 1
2回答
我能够成功地将静态插件连接到我的项目中，但我正在寻找一个多地图解决方案，而不是一张地图。
有办法与gatsby-config.js文件之外的插件进行交互吗？
gatsby-config.js插件设置
{
resolve: `gatsby-source-googlemaps-static`,
options: {
key: `google maps api key`,
center: `Denver, CO`
}
}
浏览 4提问于2020-03-27得票数 2
9回答
我有一个盖茨比网站，已经顺利运行了3个月的在线。截至7月24日星期五，我已经开始收到以下结果，用户只看到一个空白屏幕。
This is likely a bug in Gatsby and if refreshing the page does not fix it, please open an issue in https://github.com/gatsbyjs/gatsby/issues
at h (gatsby-browser-entry.js:77)
at O9Ll.t.default (buybike.js:52)
at
浏览 10提问于2020-07-26得票数 5
回答已采纳
1回答
我正在研究如何在Gatsby中使用林业(并使用gatsby插件-映像来优化映像)，但是我一直在研究如何让它工作，并且不确定它是否可行。
我尝试过的第一个方法(不使用Gatsby )是：
在JSON文件中设置图像路径(使所有页面内容都可编辑)，并且将图像上载到static/uploads文件夹，因为林业需要图像的绝对路径：
content/pages/home.json
{
"title": "Home",
"hero_image": "../../uploads/hero_image.png",
"hero_i
浏览 10提问于2022-02-19得票数 0
回答已采纳
我来自React的背景，Mongo，node，一些SQL和Shopify (在我的腰带下面是一吨的JS )。
我偶然发现了一个果酱堆的想法，它似乎很有趣，并决定尝试它。我遇到了这样一个问题，坦白地说，在我看过的所有GraphQL图片集和我读过的文章之后，我似乎无法理解它，我显然错过了一些重要的东西。
传统上，在REST后端，您开发一个方案和端点，然后向它们询问数据。
在介绍之后，我谈到了我查询GraphQL的部分，但是如果不开发一个方案，我就无法理解我在查询什么或如何查询。使用此代码(在设置带测试产品/密钥的条后)
import React from "react"
impor
浏览 2提问于2019-07-05得票数 2
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
