깃허브 페이지 배포/github.io 흰 화면만 출력 될 때 해결 방법

create-react-app 을 이용해서 React 프로젝트를 만들었는데, 깃허브 페이지(gh-pages)를 이용해서 배포를 하려 했지만 흰화면과 함께 별다른 오류가 콘솔창에 나타나지 않았다.

이리저리 구글링 하다 알게된 것 중 왜 안됐을까,, 이유는

1. 깃허브 repository에 수정한 코드 업로드를 업데이트 안함.

2. Router Component 수정

3. 버전 업데이트 때문에 Switch -> Routes 컴포넌트명 변경

Router component 를 수정하고 레포지토리에 수정한 코드를 업데이트를 해야한다는 사실은 잊고 있었다. ㅠㅠ금방할 수 있었던 배포를 몇 시간 낭비했다.

Router Component 수정

basename={process.env.PUBLIC_URL}

이 코드를 추가를 해주고 -> 깃허브에 리포에 코드 업데이트 -> npm run deploy 명령어 잊지말기!