inflearn logo
강의

講義

知識共有

ReactベースのGatsbyで技術ブログを開発する

カテゴリを作成してカテゴリ別にポストアイテムを浮かべる

여기까지 했는데 runtime 에러가 발생합니다

278

amuroray5298

投稿した質問数 3

2

 

lint로 잡혀서 몇가지 수정한 부분을 제외한 나머지는 강의내용과 동일합니다.

수정된 부분

1. index.tsx

import CategoryList, { CategoryListProps } from 'components/Main/CategoryList'

CategoryListProps  추가

 

      edges.reduce(

        (

          list: CategoryListProps['categoryList'],

          {

            node: {

              frontmatter: { categories },

            },

          }: PostListItemType,

 

PostType -> PostListItemType 로 수정

 

여기까지 한 부분 것헙에 푸시해두었습니다. 

https://github.com/myBabyGrand/gatsbyBlog

commit ID : 88cf7df165b166d0b08b3504a73e1c85e5e21095

 

Gatsby blog

回答 1

0

amuroray5298

원인 찾았습니다. 

추가한 md에 meta정보 등록을 안했네요 ㅎㅎ;;

저랑 같은 에러가 나오셨다면

아래 강좌에서 두번째로 나오는 소스코드 참고하시기 바랍니다.

Markdown 파일 추가 후, GraphQL Query 확인해보기

 contents/test.md

 

 

 

0

ji5485

안녕하세요, amuro_ray님!

너무 늦게 확인했네요 죄송합니다 ㅠㅠ

문제 원인 찾으셔서 정말 다행이네요 :)

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

1

852

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

502

2

sign in with GitHub 클릭 시

1

392

3

동작 반복 시 오류

1

350

2

const BackgroundImage 질문

1

209

1

오타 문의

1

299

2

Props로 받아 포스트 데이터 출력하기가 안됩니다.

1

199

1

index.tsx allMarkdownRemark 에러..

0

591

2

스네이크 케이스로 변수명을 짓는 이유

1

248

1

'Tagged Template Literal 방식을 통해 정의한 CSS 적용 방법'에서 발생하는 문제

3

343

2

상단 이미지를 썸네일 사용하지않고 다른 이미지를 쓰고싶습니다

1

279

1

index.tsx오류

2

451

1