Question

我试图关注https://github.com/gatsbyjs/gatsby/tree/master/packages/gatsby-transformer-json

的自述文件

我有一个links.json，其中包含我想查询的（外部）链接列表。对于每个链接，我想创建一个页面。现在我尝试使用

查询链接

{
  allLinksJson {
    edges {
      node {
        value
      }
    }
  }
}

失败了。根据{{3}}，显然我的gatsby-source-filesystem没有正确配置。我试过

{
  resolve: `gatsby-source-filesystem`,
  options: {
    path: `${__dirname}/src/data/links.json`,
    name: "links",
  },
},

但它没有用。不幸的是，我找不到任何关于如何使这项工作的文章或文件。任何帮助将不胜感激。

Answer 1

您不需要json文件的完整路径。您还需要包含gatsby-transformer-json插件。

  plugins: [
    'gatsby-plugin-react-helmet',
    `gatsby-transformer-json`,
    {
      resolve: `gatsby-source-filesystem`,
      options: {
        path: `./src/data/`,
      },
    }
  ]

配置gatsby-source-filestystem以查询单个json文件

1 个答案: