Gatsby JS Fragment使用DatoCMS查询组件

Question

我正在尝试创建一个片段并将其传递给组件。数据来自数据文件和普通查询，例如以下工作完全正常

{
  datoCmsHomeIntro {
    introTitle: introTitleNode {
      markdown: childMarkdownRemark {
        html
      }
    }
    introImage {
      url
    }
  }
}

我通过关于片段和其他一些例子的gatsby文档阅读，但却无法让它发挥作用。

现在我得到的是：

在layouts / index.js

中

export const introFragmentQuery = graphql`
fragment intro on DatoCmsHomeIntro {
  introTitle: introTitleNode {
    markdown: childMarkdownRemark {
      html
    }
  }
  introImage {
    url
  }
}
`

在我的组件中：

export const pageQuery = graphql`
  query IntroQuery {
    allDatoCmsHomeIntro {
      edges {
        node {
          ...intro
        }
      }
    }
}
`

我显然遗漏了一些东西，所以任何指针都会受到高度赞赏。