在运行gatsby development或gatsby build时,有时会出现错误“ GraphQL错误字段“ image”必须没有选择,因为类型“ String”没有子字段。”
似乎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中的查询正在运行,并且能够找到图像,而构建查询却不能。