깃허브에 리액트를 배포하려고 하는데 흰 배경(빈 페이지)만 뜬다. 개발자 도구를 눌러 어떤 오류가 발생했는지 확인해보니
Manifest: Line: 1, column: 1, Syntax error.
net::ERR_ABORTED 404
이렇게 두 가지 오류가 발생했다. 하나씩 해결해보자!
1. Manifest: Line: 1, column: 1, Syntax error.
1) 내 레파지토리에 있는 index.html 파일에 들어가서 link rel="manifest"를 찾는다.
2) manifest 앞에 '/'만 추가 해주면 끝!
2. net::ERR_ABORTED 404
이건 경로의 문제이다. 어떤 파일이 경로가 잘못되었는지 알아보자.
나의 경우 /user-name/repository-name.git/static/js/main.~~~.js net::ERR_ABORTED 404 이 부분이 오류가 났는데,
처음에는 오타도 없고 경로 순서도 맞아서 뭐가 잘못된 건지 몰랐다. 하지만 컴퓨터가 잘못된 경로라고 하니 수정을 해야만 했다. 그래서 /user-name/repository-name.git/... 이런식의 경로가 아닌
'html에서 자바스크립트 파일을 불러오는 방식으로 src 경로를 바꿔볼까?'라는 생각을 했고, 그건 해결책이 맞았다! 🥳
1) index.html 파일에 들어간다.
2) <script defer="defer" src="/user-name/repository-name.git/static/js/main.~~~.js"></script> 수정할 코드를 찾는다.
3) <script defer="defer" src="./static/js/main.~~~.js"></script> 코드를 수정한다.
이렇게 바꾸면 리액트 배포 성공!! 👏