깃 배포시 readMe 배포 오류 해결

 

 

 

 

깃 배포시 readMe 배포 오류 해결

 

 

---

 

 

 

 

문제

 

 

 

열심히 작업한 TodoList를 깃 페이지에서 직접 배포하다 오류가 생겼다

 

 

 

 

 

---

👇 깃 페이지에서 배포하는 법 (단, html 파일이 최상단에 있을 경우에만!)

 

https://0119eunji.tistory.com/70

깃 페이지에서 배포하는 법

---

 

 

 

 

 

 

바로 만든 페이지가 아니라 README만 배포된 것...!

 

 

 

 

 

 

 

찾아보니 public 폴더 안에 있는 html 파일에 접근하지 못해서 최상단에 있는 READ.ME 를 배포한 것이었다 😂

전에 배포했을 땐 직접 package.json 파일에 직접 코드를 입력해서 배포한 터라 이런 점이 있을 거라곤 생각지 못했다.

 

다시 레포 -> 세팅 -> 페이지로 들어가 unpublish 버튼을 누르고 vscode를 켜서 gh-pages로 배포를 시도했다.

 

 

 

 

 

---

👇gh-pages로 react 작업물 배포하는 법

 

https://0119eunji.tistory.com/72

gh-pages로 react 작업물 배포하는 법

---

 

 

 

 

그런데 이번엔 404 에러가 떴다 😂

 

 

빌드 에러 메세지도 따로 난 게 없었는데...

제대로 안 됐나? 싶어서 다시 npm run deploy 해봤는데도 안 되길래

처음엔 단순히 시간이 걸리는 건가 싶어서 기다렸다.

 

 

 

 

 

 

그리고 30분 후 여전히 404가 떠서 하나하나 다시 뜯어보기로 했다

 

 

 

 

 

 

 

 

일단 

 

 

 

1. Actions 에서 빌드 잘 되었는지 확인 먼저 했다

 

 

잘 되어있었다..!

혹시나 해서 deploy 안에 있는 url도 클릭해봤으나 똑같은 404창이 나왔다 🥲

 

 

 

2. url 설정이 잘 되어 있는지

 

 

무조건 "http://깃헙아이디.github.io/해당레포이름" 이어야했다.

이 또한 잘 설정했다..!

(아이디 첫글자 대문자는 어차피 소문자로 알아서 들어감!)

 

 

 

 

 

 

3. predeploy, deploy 오타 안 났는지

 

 

 

 

 

 

 

4. 빌드 파일에 images 잘 들어가있는지, 404.html이 html 파일 잘 복사했는지

 

 

 

 

 

 

여기까지 봤는데 문제가 없었고 🥲

 

 

 

그렇다면 뭐가 문제일까 처음부터 다시 생각해보기로 했다

 

 

 

 

 

 

 

해결 

 

맨 처음 ReadMe 배포 때, 깃에서 직접 건드리고 unpublish 버튼 눌러서...?

혹시나 해서 gitHub Pages에 들어가보니 

 

 

 

 

 

요 태초 그 상태로 남아있었다.

 

다시 Branch를 none이 아닌, gh-pages 브랜치로 바꾸고 Save 버튼을 눌렀더니

 

빌드중이라는 메세지와 함께 새로고침을 누르니 url이 나오고

 

그 후에 배포된 사이트로 들어갔더니 404가 해결되었다...!