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

Question

我正在尝试遵循 https://github.com/gatsbyjs/gatsby/tree/master/packages/gatsby-transformer-json 的自述文件

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

查询链接

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

失败了。根据this post on github，显然我的 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/`,
      },
    }
  ]