inflearn logo
강의

Khóa học

Chia sẻ kiến thức

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

Định nghĩa thẻ meta thông qua Gatsby Head API

깃허브 배포시 하얀화면

88

totota

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

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

Câu trả lời 1

0

communityai8509

안녕하세요, 인프런 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. 배포 경로 확인: 깃허브 페이지의 커스터마이즈 된 도메인 사용 여부를 확인하며, 로컬 환경에서 정상적으로 작동하는지 재확인 바랍니다.

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

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

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

4주차 미션 게시판이 안보여요~

0

10

1

task manager 사용시 서브에이전트 개입 관련

0

8

1

카드뉴스 제작 시 CSS 사용 관련

0

9

0

165강 카드뉴스 관련 질문드려요.

0

10

0

CLAUDE.md 분산관리 관련 질문드려요.

0

10

1

github 사례 적용 방법

0

12

1

프로젝트 도입 관련

0

8

1

서브에이전트와 팀에이전트 관련

0

8

1

161강에서 소개해 주신 CLAUDE.md 파일 적용 관련

0

10

1

강의 따라 하는데 강의에서 갑자가 생성되는 폴더는?

0

12

1

강의따라가면서 볼만한 참고서적 문의드려요

0

13

0

/permissions 했는데 bash가 안나옵니다.

0

15

3

이거 이제 못쓰는 건가요

0

5

1

클로드 웹사용과 터미널 환경에서의 사용 연동 여부 문의

0

14

1

이미지 첨부 관련

0

27

2

플러그인이 설치되는 위치는 어디인가요?

0

24

2

클로드 코드 업데이트 관련

0

28

2

GaphQL reference 질문

0

147

2

렌더링 문제

0

289

2

깃 액션 활용

0

369

3

code 강조가 안됨니다..

0

372

3

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

0

369

1

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

0

356

2

정규 표현식 질문

1

257

2