graphql - 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 中的查询正在运行,并且能够找到图像,而构建查询却不能。
解决方案
推荐阅读
- python-3.x - 如何使用全局变量
- sql - Athena 以 7 天的时间范围查询销售数据
- reactjs - 如何在reactjs中使用material-ui以红色显示helperText
- python - 定义函数后,如何解决其中一个参数?
- svelte - Svelte build 位于名为 public 的文件夹中
- flutter - 如何使用半径在mapbox_gl颤振中绘制圆
- python - 如何在循环中的某些 xy 值处自动注释点或线
- php - 选择元素选项 HTML 上不显示空白
- tensorflow - 如何将 Tensorflow.js 中的 3D 张量重塑为 4D 张量?
- hex - 1位十六进制最大值