inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

React 기반 Gatsby로 기술 블로그 개발하기

메인 페이지에서 Props로 받아 포스트 데이터 출력하기

쿼리오류 Field "thumbnail" must not have a selection...

해결된 질문

852

김수연

작성한 질문수 1

1

메인 페이지에서 Props로 받아 포스트 데이터 출력하기 강의에서

여기까지 한 후, 2개의 포스트 아이템이 화면에 잘 출력되는지 확인해주세요.
>>>> 이 부분까지 하고 실행을 하려니 아래와 같은 쿼리 오류가 생겼습니다.

There was an error in your GraphQL query:

      Field "thumbnail" must not have a selection since type "String" has no subfields.

      This can happen if you e.g. accidentally added { } to the field "thumbnail". If you didn't expect "thumbnail" to be of type "String" make sure that your input source and/or plugin is correct.
      However, if you expect "thumbnail" to exist, the field might be accessible in another subfield. Please try your query in GraphiQL.

      It is recommended to explicitly type your GraphQL schema if you want to use optional fields.

publicURL 을 못가져오는것 같은데.. 어떻게 해결해야할까요 ㅠ.ㅠ

레포지토리 남깁니다!

https://github.com/syankkim/syankkim.github.io

블로그 gatsby Gatsby blog

답변 1

0

주현도

안녕하세요, 김수연님!

레포지토리 확인해보니까 pages/index.tsx 파일에 쿼리문이 안보이네요 ㅠㅠ

혹시 푸쉬 여부 다시 확인 가능할까요?

0

김수연

앗 안되어있었네요..!
gatsby-plugin-image 라이브러리로 최적화된 썸네일 사진 띄워주기 강의까지 코드 적용하여 푸쉬 해 두었습니다!
계속 같은 오류가 발생합니다 ㅠ.ㅠ 한번 확인 부탁드립니다 🙏🏻

image

1

주현도

안녕하세요, 김수연님!

확인해보니까 contents 디렉토리에 이미지 파일이 아무것도 없었네요.

profile-image.png 이미지 파일을 추가한 뒤 실행해보니 정상적으로 동작했습니다!

이미지 추가 후 다시 실행해보시겠어요?

0

김수연

gatsby-plugin-image 라이브러리 강의 적용 이전 (GraphQL Query를 통해 이미지 링크를 받아와 이를 통해 썸네일 이미지를 띄워주도록 구현) 에는 contents 디렉토리 하위에 있었어도 아래와 같은 오류가 발생해서

Field "thumbnail" must not have a selection since type "String" has no subfields.

오류 발생해도 gatsby-plugin-image 라이브러리 적용하는 강의를 따라하면서 static 디렉토리로 옮겨봤었을 때 발생한 또다른 오류였습니다.
다시 contents 하위에도 넣어주니 동작하네요!! 감사합니다.

아래 쿼리에서 file은 static/ 하위 이미지들을 조회할 수 있는 필드를 의미하는걸까요 ?

    file(name: { eq: "profile-image" }) {
      childImageSharp {
        gatsbyImageData(width: 120, height: 120)
      }
    }

 

1

주현도

넵넵 맞습니다!

썸네일 이미지가 보이지 않습니다!

0

76

2

yarn build 시 오류가납니다..

0

265

1

이미지가 출력되지않아요ㅠㅠ

0

412

2

프로젝트 명 무엇으로 작성하였나요?

0

702

1

섹션3 MD파일을 사용하기 위한 라이브러리 세팅하기에서

0

484

1

ModuleNotFoundError: Module not found: Error: Can't resolve 'react-helmet' 에러

0

1210

2

gatsby-node.js의 기존코드

0

821

2

gatsby command 찾기 실패

0

709

1

Cannot query field "fields" on type "MarkdownRemark". error 발

0

604

1

13강까지 들었는데, 프로필 이미지와 썸네일 이미지가 잘 뜨질 않습니다.

0

530

1

[17강 25강] Cannot query field "html" on type "MarkdownRemark" 오류

1

629

1

타입스크립트를 설정할 때 jsxPragma 옵션을 뺀 이유는 무엇인가요?

1

585

1

마지막 배포 부분 질문드립니다!

1

617

1

'[username]/[username].github.io' -> 'username/reponame'

0

337

0

IntersectionObserver deploy( gatsby build) 시 오류(자답)

1

387

1

PostHead.tsx BackgroundImage 동작오류(자답)

1

288

0

19강 인피니티 스크롤 IntersectionObserver 코드 위치 수정이 필요합니다.

1

402

1

썸네일 이미지 제작 및 학습 방법 관련 문의

1

436

1

배포 후 포스트 업로드 방법

1

378

1

배포 질문이요!

1

512

1

gatsby develop 오류

1

931

1

깃허브 레퍼지토리 질문드려요

1

339

1

특정 게시글을 클릭하여 상세 페이지로 넘어가는 과정과 SPA에 관한 질문

1

280

1

Unhandled Runtime Error 가 뜹니다

0

501

2