깃헙 배포 빈 화면

vite+react 깃헙 배포 방법

연휴동안 정말.. 이거 때문에 고생 너무 많이 했는데 은혜로운 분이 정리해놓은 글 덕분에 해결할 수 있었다. 우선, 에러 상황을 정리해보면 빈화면이다.. 코드를 보면 루트 아래로 어떤 파일도 들어오지 않는다. 당연 콘솔에 찍히는 에러코드도 404. 원인은 파일의 index.html에서 경로를 못찾는 것인데.. 몇몇 사람들은 같은 이유의 해결방법으로 경로를 수정하던데 그 방법으로는 해결되지 않았다. 해결하기 위해서는 몇가지를 수정해야만했다. 1. tsconfig.json에서 "noUnusedLocals", "noUnusedParameters"를 false로 수정. 2. vite.config.ts에서 base 설정값을 '/[레포이름]/' 으로 지정한다. 이 레포이름은 깃헙에 레포이름과 동일하게! 3. .gi..