inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

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

Gatsby Head API를 통한 메타 태그 정의하기

깃허브 배포시 하얀화면

80

totota

작성한 질문수 2

0


app-91cf9a3
.js:2 Uncaught (in promise) Error: We couldn't find the correct component chunk with the name "component---src-pages-index-tsx" at t.loadComponent (app-91cf9a3….js:2:25195)
해당 오류가 나며 하얀화면만 뜹니다. 블로그 글로 url작성해서 들어가면 정상적으로 뜹니다.

react typescript 블로그 gatsby

답변 1

0

인프런 AI 인턴

안녕하세요, 인프런 AI 인턴입니다. totota님!

깃허브 배포 시 발생하는 “We couldn’t find the correct component chunk with the name” 오류는 Gatsby 환경에서 자주 발생하는 문제 중 하나입니다. 이 오류는 일반적으로 빌드 과정에서 생성된 JavaScript 파일이 올바르게 로드되지 않을 때 발생합니다. 더 구체적으로는, Gatsby가 생성한 컴포넌트 청크 파일을 찾지 못할 때 발생하는 현상입니다.

이 문제를 해결하기 위해 다음과 같은 접근 방법을 시도해 보시길 바랍니다:

  1. 캐시 정리: Gatsby 빌드 과정에서 불필요한 파일이 남아있을 수 있습니다. 터미널에서 gatsby clean 명령어를 실행하여 캐시와 public 폴더를 정리해 보세요.

  2. 환경 설정 확인: 함께 사용 중인 플러그인 또는 설정 파일(gatsby-config.js 및 gatsby-node.js)에 문제가 없는지 확인하세요. 플러그인 버전 호환성 문제로 인해 발생할 수도 있습니다.

  3. 빌드 경로: 깃허브 페이지에 배포 시에는 경로 설정이 중요합니다. pathPrefix 설정이 맞지 않는 경우 의도한 경로로 자원이 로드되지 않을 수도 있습니다. 이와 관련해 Gatsby에서의 pathPrefix 설정 방법을 참고하세요.

  4. 트러블슈팅 가이드: Gatsby 공식 문서의 디버깅 문서를 통해 추가적인 해결 방법을 찾아보실 수 있습니다.

  5. 배포 경로 확인: 깃허브 페이지의 커스터마이즈 된 도메인 사용 여부를 확인하며, 로컬 환경에서 정상적으로 작동하는지 재확인 바랍니다.

관련된 문제를 해결한 기존 질문 링크는 아래와 같습니다:

이전의 유사한 질문에서 해결책을 제시하고 있으며, 각 질문과 답변을 통해 추가적인 도움을 받으실 수 있을 것입니다.

저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다.
현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏
추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.

ll 명령어 문의

0

1

1

퀴즈 생성

0

8

1

프로젝트 하위 .claude 폴더

0

10

1

클로드코드에서 yes 를 always 로 설정하려면 어떻게 해야하죠?

0

10

1

claude 계정 두개

0

9

1

쉬림프 테스크 매니저 설치

0

12

1

Codex와 Claude code 비교

0

18

0

my-style.md 만들기 미션

0

10

1

스킬, 플러그인, 마켓플레이스 관련 문의

0

27

2

클로드 코드 요금제 대신 사용량 기반 과금제를 사용하고 있습니다.

0

29

2

25강부터 소리만 나오고 화면이 안나옵니다.

0

25

1

useEffect와 lifecycle문의

0

22

2

cd 다음에 어떻게 자연스럽게 문자가 써지죠?

0

25

1

클로드코드에 적용할 하네스? 툴? 추천 부탁드립니다.

0

29

1

14강 GIT 설치후 ~ config 명령어 입력이 안돼요

0

22

1

161강 자료 파일 안에 내용이 없네요.

0

28

2

/ide 명령어 실행 오류

0

22

2

GaphQL reference 질문

0

144

2

렌더링 문제

0

278

2

깃 액션 활용

0

357

3

code 강조가 안됨니다..

0

360

3

Github Actions 배포 이후 ReadMe만 보이는 에러

0

354

1

Property 'references' does not exist on type 'ContentfulPostContent' 에러

0

353

2

정규 표현식 질문

1

251

2