Question

我目前正在尝试通过我的gatsby应用程序中的graphQl从内容访问数据。但是我遇到以下错误，

TypeError：无法读取未定义的位图。

请帮助。我以前很方便地从这两个组件访问了我的数据。当我查询内容丰富时，问题就开始了

export const query = graphql`
   {
   img: file(relativePath: { eq: "pasta.jpg" }) {
     childImageSharp {
       fluid {
      ...GatsbyImageSharpFluid_tracedSVG
     }
    }
   }

  menu: allContentfulMaloncuisine {
   edges {
    node {
    id
    title
     description {
       description
      }
      price
      category
      image {
       fixed(width: 50, height: 50) {
        ...GatsbyContentfulFixed_tracedSVG
        }
       }
     }
    }
   }
  }`

const IndexPage = ({ data }) => (
  <Layout>
    <SEO title="Home" />
    <BackgroundSection
      img={data.img.childImageSharp.fluid}
      title="malons' Eat"
      styleClass="pasta"
    />
    <Info />
    <Menu items={data.menu} />
  </Layout>
)

const AboutPage = ({ data }) => (
  <Layout>
    <SEO title="Home" />
    <BackgroundSection
      img={data.img.childImageSharp.fluid}
      title="about us"
      styleClass="cook"
    />
    <Info />
  </Layout>
)

Answer 1

在查询中，从图像中删除Get-ADUser -Identity 'user.name' | Get-Member

示例：... GatsbyImageSharpFluid_tracedSVG 应该是：... GatsbyImageSharpFluid

这为我解决了类似的问题。祝你好运。

TypeError：无法读取未定义的属性“位图”

1 个答案: