为什么使用Gatsbyjs的useStaticQuery挂钩构建静态HTML页面时出现错误？

Question

由于某些原因，useStaticQuery挂钩在运行gatsby build时导致Webpack错误。该代码在开发中工作正常。

const { siteSettings } = useStaticQuery(graphql`
    query siteSettings {
      siteSettings: allPrismicSiteSettings {
        nodes {
          data {
            title
            description {
              text
            }
            social_sharing_image {
              url
              Facebook {
                url
              }
              Twitter {
                url
              }
            }
            social_media {
              link_title {
                text
              }
              link_url {
                target
                url
              }
            }
          }
          lang
        }
      }
    }
  `)

我在终端中收到的错误看起来像这样...

> 11 |   const { siteSettings } = useStaticQuery(graphql`
     |                                          ^
  12 |     query siteSettings {
  13 |       siteSettings: allPrismicSiteSettings {
  14 |         nodes {


  WebpackError: TypeError: Object(...) is not a function

有人遇到过这个吗？为什么会发生？