我正在使用 Gatsby 的“gatsby-source-prismic-graphql”插件将我的 Prismic 存储库与一个组件连接起来,并将博客文章数据显示为卡片。该查询在 GraphiQL 中运行良好,但是当我在组件中实现 GraphQL 查询时,Gatsby 在我的查询中无法识别“Prismic”。
我尝试显示其他数据,例如站点元数据,并且没有问题
这是 Git 存储库:https ://github.com/ENEIV/PrometheusIgnis
盖茨比-config.js
// Prismic CMS
{
resolve: `gatsby-source-prismic-graphql`,
options: {
repositoryName: `prometheus`,
accessToken: process.env.PRISMIC_KEY,
},
从 Prismic 查询数据的组件
import React from "react"
import { RichText } from "prismic-reactjs"
import { StaticQuery, graphql } from "gatsby"
const articlesQuery = graphql`
query {
prismic {
allArticless(uid: "prometheus-prismic-testing-1") {
edges {
node {
article_title
}
}
}
}
}
`
const Posts = () => (
// const doc = data.prismic.allArticless.edges.slice(0, 1).pop()
// if (!doc) return null
<StaticQuery
query={articlesQuery}
render={data => (
<h1>{RichText.render(data.prismic.edges.node.article_title)}</h1>
)}
/>
)
export default Posts