inflearn logo
강의

Khóa học

Chia sẻ kiến thức

Phát triển blog công nghệ với Gatsby dựa trên React

Thực hiện phần trên cùng của trang bài viết

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

288

hanumoka

13 câu hỏi đã được viết

1

PostHead Head쪽에 오류가 발생하여 아래처럼 코드를 수정했습니다.

PostHead.tsx 파일의 아래코드를

type PostHeadProps = PostHeadInfoProps & {
  thumbnail: IGatsbyImageData
}

 

다음과 같이 변경해야 정상동작 했습니다.

type PostHeadProps = PostHeadInfoProps & {
  thumbnail: {
    childImageSharp: {
      gatsbyImageData: IGatsbyImageData
    }
  }
}

 

Index.tsx에서 PostList 썸네일 이미지를 가져오는 코드에서 thumbnail 가져오는 방식과 동일하게 PostHead.tsx에서 가져오니 저의 경우 정상동작 했습니다.
( 캐시 동작을 하는듯 하므로 npm run clean -> gatsby develop )

 

Gatsby blog

Câu trả lời 0

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

1

853

1

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

1

585

1

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

1

617

1

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

0

337

0

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

1

387

1

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

1

402

1

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

1

436

1

배포 후 포스트 업로드 방법

1

378

1

배포 질문이요!

1

512

1

gatsby develop 오류

1

932

1

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

1

340

1

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

1

280

1

Unhandled Runtime Error 가 뜹니다

0

502

2

sign in with GitHub 클릭 시

1

393

3

동작 반복 시 오류

1

350

2

const BackgroundImage 질문

1

209

1

오타 문의

1

300

2

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

1

200

1

index.tsx allMarkdownRemark 에러..

0

592

2

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

1

248

1

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

3

344

2

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

1

280

1

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

2

278

1

index.tsx오류

2

452

1