github page 리액트 배포 시 발생하는 오류 해결 방법 여러가지, getting started with create React App

 

깃허브 페이지로 리액트 프로젝트 배포시 이런 오류가 발생합니다.

이럴 때 확인해봐야 할 부분들과 해결할 수 있는 방법 몇 가지를 소개하겠습니다.

 

 

 

1. github page 에서 경로가 master나 main으로 되어있는지 부터 확인

 

첫 배포 빌드 후 브랜치를 gh-pages로 바꿔주고 저장해주셔야합니다.

 

 

 

2. package.json에서 홈페이지 경로 확인

경로가 맞게 잘 들어가 있는지 확인 해볼 수 있습니다.

빌드 후 deploy 해 보시고 몇 분 후 다시 확인해보세요.

 

+ deploy가 안된다면 마찬가지로 package.json 안에 deploy가 잘 들어있는지도 확인해주세요.

 "deploy": "gh-pages -d build"

 

 

 

3. 그래도 안된다면 build 폴더 안에 index.html이 있는지 확인을 해보세요.

 

잘 있다면, gh-pages 브랜치 안에도 index.html 파일이 있는지 확인 

 

build 의 파일들과 상이하다면 재 빌드하시는 것을 추천드립니다!