제가 겪은 문제여서 글을 남깁니다.
제 상황은 다음과 같습니다.
1. repo이름을 아무렇게나 지었습니다.
2. 배포를 위한 브랜치를 따로 만들었습니다.
다음과 같은 방법으로 배포했으며,
발생한 문제와 해결방법을 이어서 적겠습니다.
배포 과정
1. deploy라는 브랜치를 만들고, 강사님의 말씀처럼 build폴더 내부 파일들을 업로드.
2. 깃허브 해당 레포의 Settings 클릭
3. 좌측 네비게이션 바에서 Pages 클릭
4. Build and deployment 에서 Branch를 deploy로 만들고 /(root) 인 상태로 Save 클릭
이렇게 배포하게 되면 자동으로 제 깃허브 페이지는 다음과 같이 설정됩니다.
https://(깃허브아이디).github.io/(깃허브레포)/
발생한 문제는 다음과 같습니다.
- manifest.json
- static/js/main.726e2a79.js
- static/css/main.c9849205.css
해당 파일 경로를 찾을 수 없는 게 문제였습니다.
(브라우저 네트워크 상태를 통해 확인 가능했습니다.)
F12를 눌러 네트워크를 확인해보지 않고, 눈에 보이는 특징은 다음과 같습니다.
- 흰 화면만 렌더링 됩니다.
해결 방법은 다음과 같았습니다.
1. index.html 에서 위 파일을 불러오는 경로가 '/경로'로 되어있어서, './경로'로 수정했습니다.
결국, 깃허브 페이지가 '/경로'를 root 경로인 'https://(깃허브아이디).github.io/경로'로 읽어서 생긴 문제였습니다.
위의 수정을 통해서 'https://(깃허브아이디).github.io/(레포이름)/경로'로 접근하게 됐고, 문제가 해결됐습니다.
많은 분들의 문제해결에 도움이 됐으면 좋겠습니다.
