首页 > 解决方案 > Gatsby Graphql 构建查询找不到我的图像,但 GraphQL IDE 可以

问题描述

在运行 gatsby develop 或 gatsby build 时,我有时会收到错误消息“GraphQL 错误字段“图像”必须没有选择,因为类型“字符串”没有子字段。”。

似乎 GraphQL 查询无法以某种方式找到图像。构建完成后(仍然出现 Grapql 错误),public/static 文件夹不包含任何图像。

对于我无法理解的部分:如果我在 localhost:8000/___graphiql 进入 GraphQL IDE 并粘贴与 JSX 文件中完全相同的查询,我将获得包含所有 childImageSharp 数据的图像的完整列表等等

部分查询:

<br>
        image {
          id
          relativePath
          childImageSharp {
            fluid {
              base64
              tracedSVG
              aspectRatio
              src
              srcSet
              srcWebp
              srcSetWebp
              sizes
              originalImg
              originalName
              presentationWidth
              presentationHeight
            }
          }
        }

结果:

"image": {
            "id": "beacb126-aec4-596c-b4c0-d5d0d34dd63b",
            "relativePath": "crm-skiss.png",
            "childImageSharp": {
              "fluid": {
...
                "aspectRatio": 2.807017543859649,
                "src": "/static/019990c97190e6df658cc49ad26b9634/a3fa0/crm-skiss.png",
                "srcSet":
<br> "/static/019990c97190e6df658cc49ad26b9634/e7c66/crm-skiss.png 200w,\n/static/019990c97190e6df658cc49ad26b9634/140ea/crm-skiss.png 400w,\n/static/019990c97190e6df658cc49ad26b9634/a3fa0/crm-skiss.png 800w,\n/static/019990c97190e6df658cc49ad26b9634/4cc84/crm-skiss.png 1200w,\n/static/019990c97190e6df658cc49ad26b9634/5faf0/crm-skiss.png 1600w,\n/static/019990c97190e6df658cc49ad26b9634/de95f/crm-skiss.png 1920w",

...等等

当我在 IDE 中查询这些图像时,它们实际上是在我的应用程序的 /public/static 文件夹中创建的。

奇怪的是,IDE 中的查询正在运行,并且能够找到图像,而构建查询却不能。

标签: graphqlgatsby

解决方案


推荐阅读