Javascript GatsbyJS-TypeError:无法读取属性'；childImageFluid'；未定义的

我在盖茨比的一个网站上工作，我不断得到“TypeError:无法读取未定义的属性'childImageFluid'”

我的Project.js文件中有这样的代码

import React from "react"
import PropTypes from "prop-types"
import Image from "gatsby-image"
import { FaGithubSquare, FaShareSquare } from "react-icons/fa"
const Project = ({description, title, github, stack, url, image, index}) => {
  return (
    <article className="project">
      <Image fluid={image.childImageFluid.fluid} className="project-img" />
    </article>
  ) 
}

Project.propTypes = {}

export default Project

---

我在Project.js文件中正在处理的所有内容都在我的github中，但所有代码都在上面的第一个代码部分。

在GraphQL中使用页面查询时，收集的数据存储在

数据

对象中（作为

道具

）。你需要迭代它，直到你得到你的流体图像。它应该位于：

props.data.allStrapiProjects.nodes.image.childImageFluid.fluid

。由于您正在分解

组件中的所有内容：

const Project = ({ data }) => {
let { description, title, github, stack, url, image } = data.allStrapiProjects.nodes; // your data is here

return (
    <article className="project">
      <Img fluid={data.allStrapiProjects.nodes.image.childImageFluid.fluid} className="project-img" />
    </article>
  ) 
}

const项目=（{data}）=>{
让{description，title，github，stack，url，image}=data.allStrapiProjects.nodes；//您的数据在这里
返回(
) 
}

分解结构后，您可以将其重构为：

  <Img fluid={image.childImageFluid.fluid} className="project-img" />

---

另一点，我想，

gatsby image

导入应该是

Img

，而不是

image

当您在GraphQL中使用页面查询时，您收集的数据存储在

数据

对象中（作为

道具

）。你需要迭代它，直到你得到你的流体图像。它应该位于：

props.data.allStrapiProjects.nodes.image.childImageFluid.fluid

。由于您正在分解

组件中的所有内容：

const Project = ({ data }) => {
let { description, title, github, stack, url, image } = data.allStrapiProjects.nodes; // your data is here

return (
    <article className="project">
      <Img fluid={data.allStrapiProjects.nodes.image.childImageFluid.fluid} className="project-img" />
    </article>
  ) 
}

const项目=（{data}）=>{
让{description，title，github，stack，url，image}=data.allStrapiProjects.nodes；//您的数据在这里
返回(
) 
}

分解结构后，您可以将其重构为：

  <Img fluid={image.childImageFluid.fluid} className="project-img" />

另一点，我想，

gatsby图像

导入应该是

Img

，而不是

image