리액트 프로젝트를 깃허브 페이지로 배포했는데 계속 빈화면만 뜨는 현상
지금 시간은 새벽 세시.. 이 늦은 시간에 별안간 인내심 테스트중
콘솔창을 보니까 두가지 에러가 뜬다
1. Syntax error
Manifest: Line: 1, column: 1, Syntax error.
https://feb-dain.github.io/error-about-react-01/
블로그 참고해서 쉽게 해결함.
index.html에서 <link rel='manifest' ...> 를 <link rel='/manifest' ...> 으로 고쳐주면 됨
2. net::ERR_ABORTED 404
https://ohy9205.github.io/github.io/monthly-bank/static/js/main.bc8a87de.js net::ERR_ABORTED 404
위에 syntax error 도움받은 블로그에서도 같은 에러가 있긴한데 다른 원인인거 같았음.
그렇게 생각한 이유는 에러 메시지 때문인데
내 에러 메시지를 보면 요청 URL에 .../github.io/github.io/... 하고 github.io 부분이 두번 반복된다.
처음엔 package.json파일에 homepage경로가 잘못된줄 알았다. 근데 아니었음.
이때부터 멘붕ㅎ
homepage경로는 제대로 썼는데 왜 경로가 이상하게 잡히지? 요청 경로 손댈곳은 저기밖에 없는거같은데...
대체 이유가 뭘까...왜지...왤까.... url이 이상하면 경로탓 아닌가..?
폭풍 구글링 했는데 참고할만한 자료도 안나옴
나는 너무 피곤하고.. 울고싶고.. 근데 오늘안에 해결하고 자고싶고...
한시간동안 homepage경로를 이리바꿔보고 저리바꿔봤는데도 끝내 안돼서 그냥 포기할까 싶은 찰나 번득 뭐가 눈에 들어오는데
ㅋ
ㅋㅋ
ㅋㅋㅋ
ㅋㅋㅋㅋ
ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ
ohy9205.github.io대신 적혀있는 ohy9205/github.io 장난하나
누굴 탓하리오 적은것도 나.. 이제야 발견한것도 나... 결국 homepage 경로 잘못된게 맞았고..
/ 대신 . 으로 제대로 고치니까 다시 배포하니까 에러는 사라졌다
아무튼 해결됐으니 됐다!!
