无法读取未定义盖茨的属性'__reactstandin__key'

Question

我是gatsby和graphql的新手。 尝试使用graphql获取图像，控制台向我返回图像日期， 但是接下来我得到了错误：

TypeError: Cannot read property '__reactstandin__key' of undefined

那是我获得iamge的代码：

export const fluidImage = graphql`
  fragment fluidImage on File {
    childImageSharp {
      fluid(maxWidth: 1000) {
        ...GatsbyImageSharpFluid
      }
    }
  }
`

export const pageQuery = graphql`
  query {
    myPhoto: file(relativePath: { eq: "me.png" }) {
      ...fluidImage
    }
  }
`

在渲染中

{console.log(this.props.data.myPhoto.childImageSharp.fluid)}
<Img fluid={this.props.data.myPhoto.childImageSharp.fluid} />

我用base64数据获取日志。 什么会导致此错误？

Answer 1

出现此错误是因为我使用的是命名导出而不是默认导出。

执行使用：

import Img from "gatsby-image"

请勿使用：

import {Img} from "gatsby-image"