我有：
- src
- data
- data.json
data.json：
"gallery": [
{"name":...
{"name":.. ...
gatsby-config.js包含：
`gatsby-transformer-json`,
{
resolve: `gatsby-source-filesystem`,
options: {
path: `${__dirname}/src/data`,
name: `data`,
},
},
如何通过gallery.names查询从
浏览 0提问于2018-03-13得票数 9
回答已采纳
我在react目录中的/src/components目录中有一个名为“Header”的gatsby组件，定义如下：
import React, { Component } from "react"
import { Link } from 'gatsby'
import { StaticQuery, graphql } from 'gatsby'
import Img from "gatsby-image"
import "./header.css"
class Header extends Component
浏览 2提问于2019-01-29得票数 2
在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
在开发Gatsby页面/视图时，有一个graphql模板文本可用。不知道它是从哪里来的。
当使用Gatsby节点api (gatsby-node.js)创建页面时，graphql解析器被注入到诸如createPages之类的函数中。
我想知道如何在页面和节点部分之间共享GraphQL片段。理想情况下，我希望两者都使用模板文本graphql，以便我的IDE能够理解它的GraphQL和有线语法突出显示。目前，我的节点查询是传递给graphql函数的普通字符串，因此我没有自动完成。最后，我也得到了查询复制。
我试图添加/导入官方的graphql解析器，但没有取得很大的成功，也不确定是否应该这样做。
浏览 0提问于2018-03-18得票数 1
回答已采纳
我是一个全新的WPGraphQL新手，在我的新Wordpress端点上构建一个Gatsby站点时遇到了一些麻烦。当我在Postman中对我的端点执行以下查询时，我成功地获得了页面数据： query MyQuery {
pages {
edges {
node {
id
slug
status
}
}
}
} 然而，当我尝试构建Gatsby站点时，我得到了以下信息： 错误#85923 GRAPH
浏览 227提问于2021-10-22得票数 0
回答已采纳
我正在为gatsby-transformer-remark开发一个插件。在我的插件中，我从备注转换器中获取数据，并创建一个新类型的graphql节点。当我启动该站点并在上打开GraphIQL时，我可以看到我的插件的新节点及其数据。但是，当我尝试在Gatsby页面组件中访问该节点的数据时，graphql查询为该节点类型返回null。为什么数据没有出现在我的页面上的graphql查询中？我不能在Remark插件中创建新的graphql节点吗？Remark gatsby插件API提供了创建节点所需的方法。
我在这个链接上有一个最小的复制回购。有关运行它并查看问题的说明，请参阅自述文件。
我使用cr
浏览 1提问于2020-02-07得票数 1
1回答
我希望在GraphQL查询变量中使用一个数组，这样我就可以从一个单独的Gatsby查询中获得多个产品的数据，但是现在我得到了错误。
我的graphQL查询如下：
query ($id: [String!]) {
shopifyProduct(handle: {eq: $id}) {
handle
id
title
handle
productType
shopifyId
}
}
我的查询变量看起来如下：
{
"id": ["liner-jacket", "pocket-t-shirt"]
浏览 0提问于2019-09-22得票数 6
回答已采纳
我在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的“Gatsby-source- Prismic graphql”插件将我的棱镜存储库与一个组件连接起来，并将博客帖子数据显示为卡片。查询在GraphiQL中运行良好，但是当我将GraphQL查询实现到组件中时，Gatsby不能识别查询中的“棱镜”。 我尝试过显示其他数据，如站点元数据，但没有出现任何问题 下面是Git存储库：https://github.com/ENEIV/PrometheusIgnis gatsby-config.js // Prismic CMS
{
resolve: `gatsby-source-prismic-graph
浏览 16提问于2019-08-28得票数 1
回答已采纳
我试图使用Gatsby和Firebase的数据以编程方式创建Gatsby页面。我已经成功地设置了所有内容，直到可以通过GraphQL访问Firebase数据为止，现在我想查询使用id (以字符串格式创建的)每个新页面的具体数据。但是，当我创建模板组件并尝试查询数据时，我会得到以下错误：
Variable "$clientId" of type "String!" used in position expecting type "StringQueryOperatorInput".
我已经到处寻找这个StringQueryOperatorInput
浏览 5提问于2020-02-06得票数 8
回答已采纳
这是我的第一个问题，希望我做得对。我正在试着为我的woocommerce做一个gatsby前端，一切都很好。到目前为止，我的所有查询都工作得很好，但是当我进行查询以获取购物车信息时，它总是在我的localhost://8000/_graphql上为空，但在wp的graphiql中我可以很好地看到它。
这是我的gatsby-config，我想这就是问题所在。
siteMetadata: {
title: "shopone",
},
plugins: [
{
resolve: `gatsby-source-wordpress`,
浏览 17提问于2021-02-20得票数 0
回答已采纳
在Gatsby应用程序的react组件中，我了解如何在graphql查询中使用上下文变量，例如： export const tagPageQuery = graphql`
query TagPage($tag: String) {
site {
siteMetadata {
title
}
}
allItem(filter: { tags: { in: [$tag] } }) {
totalCount
edges {
node {
id
mov
浏览 19提问于2019-06-28得票数 9
回答已采纳
背景 我在Craft CMS中创建了一个名为forVenues的新部分，并且能够查询CraftQL测试端点中的数据，如下所示： {
entries(section: [forVenues]) {
... on ForVenuesChecklist {
title
icon {
url
}
description
}
}
} 问题 当我尝试在React Native Web Gatsby应用程序的<StaticQuery>组件中运行查询时，我得到以下错误： GraphQL Error Expec
浏览 15提问于2019-04-02得票数 0
我正在为fireblog ( )构建一个Gatsby主题，它有一个GraphQL API。因此，我尝试了gatsby-source-graphql插件，这似乎是可行的方法：
当按照本页的说明：然后访问时，我在对新类型运行GraphQL查询时遇到了这个问题Cannot read property 'createPageDependency' of undefined。
复制：
将此配置yarn add gatsby-source-graphqladd到gatsby-config.js
plugins: [
// Simple config, passing URL
浏览 0提问于2019-12-12得票数 0
我想要创建一个链接列表，所有链接都会在悬停状态下显示它们各自的缩略图图像。无论是链接还是缩略图都是静态的--我正在使用graphql从外部源查询它们。很明显，我尝试过的链接不会起作用，因为链接与它们的缩略图没有任何关系，而且我正在同时选择所有的链接。
在通过数据进行映射时，如何在图像和链接之间创建关系？抑或这是完全错误的做法？这会与静态站点生成器Gatsby一起工作吗？
import React from "react"
import { useStaticQuery, graphql, Link } from "gatsby"
import Img from
浏览 1提问于2020-04-02得票数 0
我是Graphql的新手，但是不能用静态查询/ useStaticQuery从Drupal中查询GraphQL中的任何东西。页面查询工作得很好，但是我希望避免在页面中工作的限制。 Gatsby-source-drupal已连接，我可以在localhost/_graphql中看到填充的字段。 当我将信息硬编码到Gatsby-config.js module.exports中时，静态查询可以很好地工作。如果不是，我会一次又一次地收到相同的错误，无论在哪里或在什么类型的配置中都是如此。 如有任何建议，我们将不胜感激。 import { Link } from "gatsby"
im
浏览 15提问于2019-09-12得票数 0
回答已采纳
1回答
我对盖茨比很陌生。我使用Strapi作为后端，在我的前端Gatsby中，我正在GraphQL操场上执行以下带有预期结果的查询：
query MyQuery {
strapiAssessment {
title
rating {
id
topic
rate
}
}
}
在我的Gatsby前端代码中，我有以下内容：
import React from "react"
import Title from "../components/Title"
import { graphql } from
浏览 1提问于2021-06-04得票数 0
回答已采纳
我一直在使用盖茨比( Gatsby )，并一直试图创建一个带有静态页面( sitemap )的lastmod值的src/pages。我看到了一个随机的代码片段，其中有人在他的gatsby-config.js中运行了下面的查询，并且能够得到他上次修改它们的日期。
allSitePage {
nodes {
path
context {
updated
}
}
}
我没能实现同样的壮举。
这就是我到目前为止尝试过的。我假设他使用上下文管理器，并在他的js文件中设置上下文，并在每次编辑文件时手动更新上下文的值。
const Updated = React.
浏览 7提问于2021-11-29得票数 3
回答已采纳
我正在使用gatsby-source-dev gatsby插件将我所有的dev.to文章放到我的gatsby页面上。https://github.com/geocine/gatsby-source-dev 它工作得很好，但最近它开始给我这个错误。 “无法查询类型为" query”graphql/template-strings的字段"allDevArticles“” 无法在网站上获取我的最新文章。 我的gatsby-config.js如下所示 module.exports = {
plugins: [
`gatsby-plugin-react-helmet`,
浏览 7提问于2020-07-07得票数 2
1回答
我要用盖茨比做我自己的网站。这是第一次使用图形-ql，我用Gatsby提供的图形ql ide进行了一个用于收集SiteMeatadata的查询。
const data = useStaticQuery(graphql`
query SiteInformationQuery {
__typename
site {
siteMetadata {
author {
name
summary
}
title
descript
浏览 2提问于2020-04-04得票数 1
回答已采纳
我对Gatsby和Graphql仍然很陌生，并且正在尝试学习使用gatsby-transformer-sharp，gatsby-plugin-sharp，和gatsby-plugin-image从内容中检索图像的教程，使用graphql并对这些图像进行映射。在我读过和看过的所有教程中，他们都可以在操场上选择“儿童形象锐利”，而我却没有这种选择。
是否有人能帮助或帮助我了解我的查询应该是什么样子，以及如何映射查询中的数据以检索这些图像？
非常感谢!
浏览 3提问于2022-07-28得票数 -1
1回答
我使用从Github 中提取文件。它运行得很好，但是我在中添加了一些文件，并且我无法将新的文件拖到我的盖茨比项目中。
如果我在http://localhost:8000/___graphql中运行这个查询
query MyQuery {
allMarkdownRemark {
edges {
node {
frontmatter {
title
}
fileAbsolutePath
}
}
}
}
我得到了这个结果：
{
"data": {
"
浏览 1提问于2020-05-29得票数 0
回答已采纳
我试着用gatsby-source-sanity和gatsby-image从理智中获取图像。在过去，我没有遇到像这样查询fluid图像资产的问题：
export const query = graphql`
query {
allSanityPicture {
nodes {
image {
asset {
fluid(maxWidth: 900) {
...GatsbySanityImageFluid
}
}
}
浏览 1提问于2021-04-11得票数 2
我正在尝试查询Gatsby中的Strapi Dynamic Zone中的数据。在Graphql Playground中，我可以让它工作，但在Gatsby中使用相同的查询，我在终端中收到以下错误： error Unknown type "ComponentTextArticleCopy" graphql/template-strings ? 和我的article.js查询 export const query = graphql`
query ArticleTemplate($id: String!) {
strapiArticle(id: { eq:
浏览 14提问于2021-03-24得票数 0
我正在尝试用弹性搜索实现站点搜索，并按照gatsby插件-弹性搜索的说明执行。由于无法想出包含我的任何内容的graphql查询，我不得不尝试构建一个搜索索引。
我发现的每个示例都显示了如何编辑gatsby-config.js以使用标记内容填充graphql：
resolvers: {
// For any node of type MarkdownRemark, list how to resolve the fields` values
MarkdownRemark: {
title: node => node.frontmatter.title
浏览 1提问于2020-10-29得票数 1
回答已采纳
2回答
我正在尝试创建一个简单的Byline组件，在我的MDX文章中使用这个组件，它用一个href="mailto:emailaddress@mail.com"和一个time标记显示站点作者，其中包含文章在其前端的日期。
我试着跟随学习如何通过组件中的GraphQL查询前端。
我真的不知道React或GraphQL，但我知道第一个(author)是通过site.siteMetadata.author.name查询的(我认为？)。
至于第二个问题，因为它使用了帖子的前端内容，所以我假设我应该使用mdx.frontmatter.date。
我不会让这一切起作用的。我知道这些错误：
无法读
浏览 7提问于2021-12-25得票数 0
我正试图使用gatsby-plugin-algolia.将Alogolia搜索与Gatsby站点集成起来。下面是gatsby中的代码，用于查询标记文件的内容，并将其推到algolia进行索引。
require("dotenv").config({
path: ".env",
})
const blogQuery = `query {
allMarkdownRemark {
nodes {
frontmatter {
title
}
excerpt
}
}
}
`
const quer
浏览 2提问于2020-06-04得票数 0
回答已采纳
1回答
如何使用带有数组对象的gatsby图像？
例如，我有以下内容：
const dataImgs = [
{ id: 1, title: "Astronaut", img: "gatsby-astronaut.png" },
{ id: 2, title: "Icon", img: "gatsby-icon.png" }
]
文件在文件夹/src/映像中
我想使用Gatsby图像进行优化
我的问题是我不明白如何进行GraphQL查询。我正在从一个对象获取文件名，我希望加入GraphQL查询中的路径。
谢谢。
这里有一个代码框，
浏览 4提问于2020-06-23得票数 0
1回答
我试图在Gatsby站点上使用GraphQL片段，我试图按照指南创建这个片段，但是Gatsby抛出一个错误，声明我的片段不存在
The fragment "PageFragment" does not exist.
我将我的片段定位在一个名为“graphql-片段”的文件夹中，该文件夹位于Gatsby项目的根目录中，该文件夹包含一个名为" pageFragment.js“的文件，即我的片段pageFragment.js。
import { graphql } from "gatsby";
export const PageFragment = grap
浏览 1提问于2020-09-30得票数 3
我正在学习Gatsby.js并面临一个问题。我试图从减价中获取html文档，但首先我需要读取标记文档的前端内容。所以，我下载了gatsby-转换器备注，并将其添加到gatsby-config.js中。但是，当我打开localhost:8000/_graphql并尝试获取前端时，就没有这样的选项了。
这是我使用的一个查询：
{
allMarkdownRemark{
nodes{
frontmatter{
title
}
}
}
}
它在单词“MarkdownRemark”
浏览 1提问于2019-11-12得票数 3
回答已采纳
我正在尝试对我的gatsby站点的wordpress db执行一个简单的GraphQL查询并呈现结果。然而，由于一些令人困惑的错误，该站点无法编译。
如果我的查询是多行字符串( graphql查询的标准)，则错误提示我留下了一个未终止的字符串。如果我把查询放在一个单行字符串中，我会得到一个新的错误，它需要一个右花括号而不是字符串。
我的包含多行查询字符串的文件：
import React from "react"
import { Link } from "gatsby"
import Layout from "../components/layout
浏览 27提问于2019-07-26得票数 2
回答已采纳
我在gatsby-node.js中使用graghql从contentful查询数据 exports.createPages = async ({ graphql, actions }) => {
...
const result = await graphql(
`
{
allContentfulArticle(
sort: { order: DESC, fields: date },
limit: 2000
) {
totalCount,
ed
浏览 12提问于2020-07-13得票数 0
回答已采纳
1回答
我有这个问题，因为我试图请求我从Gatsby用graphql上传到我的wordpress实例上的图片，但是我只得到了我上传到WordPress上的最新条目。
当我在WordPress上使用Graphiql进行查询时，我会得到所需的结果。见此图像➡️
下面是wordpress上Graphiql中get中的查询和响应
// Graphiql IDE query
{
mediaItems {
edges {
node {
databaseId
}
}
}
}
// The response
{
"data":
浏览 9提问于2022-09-01得票数 0
我想知道通过上下文对象为使用gatsby-node文件中的createPages函数构建的页面传递数据，与在该模板中使用graphQL查询来获得相同的数据相比，是否有任何性能增强或任何好处。
我没有注意到任何不同之处，除了在gatsby-node文件中处理了一些传入数据并将其传递给页面时减少了代码中的一些冗余。
但是，如果您在节点文件中进行了查询，但没有对数据做太多操作，那该怎么办呢？您是否应该通过context对象传递所有这些内容？或者在页面模板本身的显式查询中处理这一点更好？
浏览 5提问于2019-08-17得票数 3
我正在使用GraphQL从Wordpress中的自定义ACF字段中提取信息到我的Gatsby站点。我的查询最初查询了三个ACF字段(ImageRow、TextRow和ImageTextRow)，但是我随后删除了前两行，并将它们从查询中删除。那我呢。添加了一个名为HeroRow的新行，但是从那时起我就收到了这个错误： ERROR #85901 GRAPHQL
There was an error in your GraphQL query:
Fragment cannot be spread here as objects of type "WPGraphQL_Page_Cust
浏览 19提问于2021-04-22得票数 1
我目前正在尝试将我的Postman查询转移到生产环境中。我在这里有一个查询。
我想将此代码添加到作为GH Action运行的Node包中。
const core = require("@actions/core");
const github = require("@actions/github");
const { graphql, buildSchema } = require('graphql');
const run = async () => {
/** The token used to access Gatsby
浏览 1提问于2021-03-22得票数 0
我对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-plugin-ts为我的graphql页面查询生成类型。
我遇到的问题是，生成的所有类型都返回所有字段的T | undefined类型，所以在任何组件中使用它们之前，我需要检查所有查询子字段，否则编译器会抛出一个错误。
以gatsby-plugin-image为例。给出一个查询：
export const query = graphql`
query IndexPage {
banner: file(relativePath: { eq: "banner.jpg" }) {
childImageSharp {
ga
浏览 0提问于2021-03-20得票数 5
当尝试在gatsBy Graphql中动态传递变量时，我会遇到以下错误。
误差
Module build failed (from ./node_modules/gatsby/dist/utils/babel-loader.js):
Error: BabelPluginRemoveGraphQL: String interpolations are not allowed in graphql fragments. Included fragments should be referenced as `...MyModule_foo`.
查询
let mytext = 'welcome
浏览 2提问于2018-11-16得票数 2
是否可以通过默认布局访问当前页的前端。
使用graphql，是否有根据页面的url筛选查询的选项？
.MDX锋前物
---
Title: 'About Us'
---
gatsby-config.js
{
resolve: 'gatsby-plugin-mdx',
options: {
defaultLayouts: {
pages: require.resolve('./src/layouts/default.js'),
},
},
}
default.js
<
浏览 3提问于2020-02-08得票数 0
我正在为其他gatsby前端开发一个gatsby插件，它正在使用graphql检索内容数据。
我扩展createSchemaCustomization API是因为我想向每个节点添加一个新字段(比如contentful_id)。
Graphql允许根据访问者模式更新查询，因此我将contentful_id字段附加到每个graphql节点，在插件gatsby-node.js中，我将这个解析器(setFieldsOnGraphQLNodeType，但已被废弃)添加到该字段，这样如果graphql节点找不到contentful_id，它就不会崩溃。
exports.setFieldsOnGraphQ
浏览 4提问于2020-05-27得票数 0
1回答
使用gatsby develop Gatsby站点进行编译，但当我在本地主机中导航到它时，在浏览器中得到以下错误：
Error: It appears like Gatsby is misconfigured. Gatsby related `graphql` calls are supposed to only be evaluated at compile time, and then compiled away. Unfortunately, something went wrong and the query was left in the compiled code.
Unless
浏览 14提问于2019-08-01得票数 3
回答已采纳
我来自React的背景，Mongo，node，一些SQL和Shopify (在我的腰带下面是一吨的JS )。
我偶然发现了一个果酱堆的想法，它似乎很有趣，并决定尝试它。我遇到了这样一个问题，坦白地说，在我看过的所有GraphQL图片集和我读过的文章之后，我似乎无法理解它，我显然错过了一些重要的东西。
传统上，在REST后端，您开发一个方案和端点，然后向它们询问数据。
在介绍之后，我谈到了我查询GraphQL的部分，但是如果不开发一个方案，我就无法理解我在查询什么或如何查询。使用此代码(在设置带测试产品/密钥的条后)
import React from "react"
impor
浏览 2提问于2019-07-05得票数 2
我的脚本设置如下： "start-dev": "npm-run-all -p client server db",
"client": "gatsby develop",
"server": "nodemon server.js",
"db": "json-server db.json" 因此，对于开发，我有一个由json-server提供服务的模拟数据库和一个由json-server提供服务的端点。所以我按照docs安装了这个插件。并对插件进行如下配置： {
浏览 22提问于2020-07-15得票数 1
启动有问题
采取的步骤：
> gatsby new atest
> cd atest
> npm install gatsby-theme-apollo @apollo/client
> make new directory: atest/src/gatsby-theme-apollo
> make new file in directory: client.js
> copy paste content from instructions without change:
import fetch f
浏览 2提问于2020-02-09得票数 0
好吧，小伙子们对graphql很陌生，在我的gatsby应用程序中有这种奇怪的行为。我使用strapi作为后端，并从gatsby进行静态查询。
const data = useStaticQuery(graphql`
query MyQuery {
allStrapiCategory {
edges {
node {
name
strapiId
}
}
}
}
`)
当查询名设置为“MyQuery”时，上面的查询工作良好。
浏览 3提问于2021-12-29得票数 0
回答已采纳
在gatsby-node.js中，我有两个查询，从Contentful获取其数据。我想添加一个新的查询，根据它的slug (内容模型中的一个字段)加载特定内容的数据。
这就是我所拥有的：
return graphql(
`
{
allContentfulBlogPost {
edges {
node {
id
slug
}
}
}
allContentfulCaseStudy(fi
浏览 2提问于2020-07-17得票数 2
回答已采纳
1回答
我正在使用Gatsby创建一个博客。Gatsby可以使用带有GraphQL的markdown为你“自动”创建帖子页面。我在想用Gatsby example here。 在storybook UI中，“模拟”出graphql查询并将其替换为我们的markdown数据的最佳方式是什么？这样我就可以在Storybook UI中测试这个组件。例如，如果我有一个博客模板，如下所示： import { graphql } from 'gatsby';
import React from 'react';
export default function Template(
浏览 9提问于2020-07-10得票数 1
回答已采纳
1回答
我已经为我的个人产品页面创建了页面查询。
它确实去一个单独的产品，我想添加一个过滤器，如果多个产品有相似的SKU，我需要显示他们。查询在Grphiql接口中运行良好，但在代码中只显示一个节点。
Grahiql查询
query ($id: String, $sku: String) {
productsCsv(id: {eq: $id}) {
id
name
productCategory
sizes
sku
stock
instock
description
colors
templateKey
pri
浏览 2提问于2021-05-18得票数 3
回答已采纳
使用新的gatsby-plugin-image，我很难从理智中获取图片。说要执行以下操作：
import React from 'react'
import {getGatsbyImageData} from 'gatsby-source-sanity'
import {GatsbyImage} from 'gatsby-plugin-image'
const Person = ({data}) => {
const imageData = getGatsbyImageData(data.sanityPerson.profileIma
浏览 2提问于2021-04-10得票数 4
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
