Regex 将imageSharp正则表达式与gatsby一起使用时出现graphQL错误

我正在使用盖茨比创建一个简单的博客。当我试图搜索一个特定的图像时，我从graphql中得到一个错误。我有以下配置：

已安装的盖茨比映像：^1.0.55

在graphql ui中运行该查询时，我得到：

{
  "errors": [
    {
      "message": "Cannot read property 'id' of undefined",
      "locations": [
        {
          "line": 31,
          "column": 3
        }
      ],
      "path": [
        "heroImage"
      ]
    }
  ],
  "data": {
    "heroImage": null
  }
}

但是，如果我在不使用正则表达式的情况下运行相同的查询，它可以正常工作：

{
  heroImage: imageSharp {
    id
    sizes(quality: 100) {
      base64
      tracedSVG
      aspectRatio
      src
      srcSet
      srcWebp
      srcSetWebp
      sizes
      originalImg
      originalName
    }
  }
}

当然，它带来了它可以访问的第一个图像

"data": {
    "heroImage": {
      "id": "/Users/marcosrios/dev/workspace/atravesando-todo-limite/src/posts/2018-08-25-tengo-miedo/cover.png absPath of file >> ImageSharp"
    }
}

---

你用的是哪种版本的盖茨比？如果您需要编辑查询，因为有更改：

然后，您的查询将如下所示：

graphql`
      query MainLayoutQuery {
        heroImage: imageSharp(fluid: { originalName: { regex: "/hero.jpg/" } }) {
          id
          fluid(quality: 100) {
            base64
            tracedSVG
            aspectRatio
            src
            srcSet
            srcWebp
            srcSetWebp
            sizes
            originalImg
            originalName
          }
        }
      }
    `

---

你用的是哪种版本的盖茨比？如果您需要编辑查询，因为有更改：

然后，您的查询将如下所示：

graphql`
      query MainLayoutQuery {
        heroImage: imageSharp(fluid: { originalName: { regex: "/hero.jpg/" } }) {
          id
          fluid(quality: 100) {
            base64
            tracedSVG
            aspectRatio
            src
            srcSet
            srcWebp
            srcSetWebp
            sizes
            originalImg
            originalName
          }
        }
      }
    `

---

我在处理graphql几个小时后注意到了它。酷！确保同时将盖茨比图像更新到下一个版本。已经完成了！我意识到我必须拥有盖茨比的所有从属关系。直到他们发布v2我猜。谢谢我在处理graphql几个小时后注意到了它。酷！确保同时将盖茨比图像更新到下一个版本。已经完成了！我意识到我必须拥有盖茨比的所有从属关系。直到他们发布v2我猜。谢谢