小编Kie*_*son的帖子

无法查询 allMarkdownRemark graphql 上的字段

目标

你好。我有一个 Gatsby 网站,我正在使用该gatsby-transformer-remark插件将博客 Markdown 文件从博客目录加载到 GraphQL 中以显示在我的网站上。我查看了文档和示例代码,了解如何为每个页面创建一个 slug,以便在文件中gatsby-node.js我可以动态地使用该 slug 创建页面。

问题

当我尝试访问fields { slug }GraphiQL 中的属性时,出现以下错误: message": "Cannot query field \"fields\" on type \"MarkdownRemark\"."我已经检查了我的设置几次,我认为一切看起来都很好,所以我不能 100% 确定我错过了没有这些字段的内容。我可以访问其他信息,例如 markdown 文件的原始内容和 frontmatter 数据,但不能访问字段。

代码

在我的gatsby-config.js插件中,我对源文件系统和备注插件进行了以下设置

    {
      resolve: `gatsby-source-filesystem`,
      options: {
        name: `blog`,
        path: `${__dirname}/blog`,
      },
    },
    {
      resolve: `gatsby-transformer-remark`,
      options: {
        plugins: [
          {
            resolve: `gatsby-remark-images`,
            options: {
              maxWidth: 960,
            },
          },
          `gatsby-remark-prismjs`,
          `gatsby-remark-copy-linked-files`,
        ],
      },
    },
Run Code Online (Sandbox Code Playgroud)

进入 GraphiQL 后,我运行以下查询来复制错误

query {
  allMarkdownRemark( …
Run Code Online (Sandbox Code Playgroud)

reactjs graphql gatsby

4
推荐指数
1
解决办法
1176
查看次数

标签 统计

gatsby ×1

graphql ×1

reactjs ×1