이미지 Gatsby.js

Question

위해 나는이 고민 봤는데 : 내 index.md 파일과 같은 폴더 내 이미지와

--- 
path: '/path-to/' 
title: 'Title of Post' 
indexImage: './img.jpg' 
--- 

:

내 앞 문제처럼 보인다.

<img src={ post.frontmatter.indexImage }></img> 

앞 문제에 나와있는 소스에 끌어 것이 생각 : 내 templates/post.js 파일에서

, 나는 다음 줄을 가지고있다. 내 post.js 쿼리는 왜이 작동하지 않습니다에

GraphQL Error Field "indexImage" of type "File" must have a selection of subfields. Did you mean "indexImage { ... }"? 

어떤 생각 :

다음

export const postQuery = graphql` 
    query BlogPostByPath($path: String!) { 
    markdownRemark(frontmatter: { path: { eq: $path } }) { 
     html 
     frontmatter { 
     path 
     title 
     indexImage 
     } 
    } 
    } 
`; 

오류 메시지가 무엇입니까? 나는 개츠비에 아직 익숙하지 않아 내 머리 위에있는 문제 일 수 있습니다. 미리 감사드립니다.

Answer 1

.cache 폴더를 삭제하여 빌드 캐시를 무효화하십시오.

Answer 2

must have a selection of subfields. Did you mean "indexImage { ... }

오류의 핵심 부분입니다.

{ ... }과 함께 "서브 필드"와 필드 (indexImage 등)를 볼 때마다 이것은 "스칼라"(예 : 문자열, 숫자, 부동 등) 유형이 아닌 "객체"유형임을 의미합니다. 이미지 처리 https://image-processing.gatsbyjs.org/