리액트 배포 후 빈화면 문제점

[김혜수]

안녕하세요!

깃허브 배포 후 페이지에 들어가보면 빈화면이 뜹니다.

div root안이 아예 빈칸이고, 제생각엔 index.html파일의 경로가 잘못 연결된것같습니다.

ㅡ

제가 다른 리액트 폴더의 파일은 배포에 성공했는데, 성공한 방법은

build 폴더 안의 index.html파일의 script src="./mongsukim/port3어쩌고" 경로를 

 ./static으로 수정한 거였어요

 

다른 리액트 프로젝트 폴더는

build한 index.html과 asset-manifest.json의 경로를 ./로 수정하고 깃허브에 배포해도

계속 콘솔에 ./mongsukim/port3/static으로 뜨네요 ... 

 
<p style="text-align: center;">어떻게 해야 콘솔의 경로가 ./static으로 연결 될까요?</p>
 

 

[김혜수]

음.. 개발자님의 도움을 받아 해결했습니다.

 

App.js의 Routh path를 제 폴더명인 /port3으로 설정하니 되네요 .. 

[codingapple]

라우터쓸 때 basename 어쩌구를 설정해도될듯요

[김혜수]

선생님 그런데 https://codingapple.com/unit/react-build-deploy-github-pages/ 이 방법대로

npm run build 후에 꼭 build폴더의 index.html 의 css와 js의 경로를 ./static으로 꼭 ./으로 수정해야

깃헙에 올렸을때 화면이 제대로 나오는데요

일일히 빌드 후에 ./를 매번 수정하는게 번거로운데.. 방법이 혹시 있을까요?

패키지.json의 homepage 주소를 삭제하면 될까요 ??

[codingapple]

삭제해보고 빌드해보도록 합시다 

[글쓴이]

글