Ошибка TypeEr: не может прочитать свойство 'Fluid' со значением NULL - PullRequest
Новая
       31

Ошибка TypeEr: не может прочитать свойство 'Fluid' со значением NULL

0 голосов
/ 06 июня 2019

Я пытаюсь получить изображения из содержательных данных на сайте Гэтсби. Я могу получить текстовое содержимое.

Я просмотрел документацию плагина gatsby-image. это выглядит хорошо. 

const getBlogList = graphql`
{
  blogs: allContentfulBlog {
    edges {
      node {
        id
        title
        image {
          fluid(maxWidth:250) {
            ...GatsbyContentfulFluid_tracedSVG
          }        
        }
      }
    }
  }
}
`;

<StaticQuery 
      query={getBlogList} 
      render={ data => {
      return({data.blogs.edges.map(({node})=>{
      return(<div><Img fluid={node.image.fluid} /></div>)
          }) 
        }
       )
      }} />

Я не мог найти, где я ошибся. Я получил ошибку

TypeError: Невозможно прочитать свойство 'Fluid' со значением NULL.

Ответы [ 2 ]

1 голос
/ 06 июня 2019

Когда вы получаете свойство read для null error, это означает, что родительское свойство имеет значение null.Возможно, какой-то узел не имеет какого-либо свойства изображения, поэтому, когда вы пытаетесь прочитать нуль, вы получаете ошибку.Попробуйте проверить наличие изображения в узле функции вашей карты, прежде чем использовать его для достижения свойства Fluid.

0 голосов
/ 02 июля 2019

Мехди прав.У меня была та же проблема, но когда я понял, что забыл поместить изображения с информационной панели Contentful и установить все изображения оттуда, проблема была решена.Ошибка пытается сказать вам, что вы еще не установили все изображения с информационной панели Contentful.Вот почему родительское свойство имеет значение null.

...