Javascript 盖茨比没有找到graphql片段

我试图在盖茨比网站上使用GraphQL片段，我试图按照指南创建此片段，但盖茨比抛出一个错误，指出我的片段不存在

The fragment "PageFragment" does not exist.

我在盖茨比项目根目录下的一个名为“graphql fragments”的文件夹中找到了我的片段，这个文件夹包含一个名为“pageFragment.js”的文件，这是我的片段 pageFragment.js

import { graphql } from "gatsby";

export const PageFragment = graphql`
  fragment PageFragment on SanityPage {
    slug {
      current
    }
    _rawContent(resolveReferences: { maxDepth: 20 })
    _id
    title
  }
`;

我在我的索引页上使用了这个片段，在那里我也得到了我的错误

import React from "react"
import { graphql } from "gatsby";

export const query = graphql`
  query FrontpageQuery {
    page: sanityPage(_id: { regex: "/(drafts.|)frontpage/" }) {
      ...PageFragment
    }
  }
`;


const Home = () => {
  return (
    <div>
      Hello world
    </div>
  )
}


export default Home

盖茨比好像没有找到我的碎片，有没有线索表明我做错了什么？在盖茨比2.24.66版上运行，这里引用

要创建片段，请在查询中定义它并将其导出为命名的 从盖茨比知道的任何文件导出。有一个片段可供选择 在任何其他GraphQL查询中使用，无论其在 项目片段是在盖茨比项目中全局定义的，因此 必须是独一无二的

导出片段的文件不能存储在gatsby-config.js etc所在项目的根文件夹中。如果盖茨比源文件位于名为

src

的文件夹中，则导出片段的文件必须位于

src

文件夹或其子文件夹中

---

作为旁注：我有时会忘记的一件事是从“gatsby”添加

import{graphql}，但这里不是这样。
您是否尝试将/graphql fragments文件夹移动到/src文件夹中？
export const query = graphql`
  query FrontpageQuery {
    page: sanityPage(_id: { regex: "/(drafts.|)frontpage/" }) {
      slug {
        current
      }
      _rawContent(resolveReferences: { maxDepth: 20 })
      _id
      title
    }
  }
`;