오류 사항 : gh-pages 를 통해서 react 앱 배포간 gh-pages branch에 push가 안되는 오류
나만 걸린 오류 같다. 혹시나 같은 오류를 만나거나 내가 또 이걸 만난다면 알아보기 위해 적는다.. 왜 나에게만 이런 일이
시도한 해결 방안
1. gh-pages 재설치 후 commit & push (추천 : 💩)
gh-pages 설치 후 국룰로 설정하는 package.json 내부에 적는 것이다.
"scripts": {
"start": "react-scripts start",
"build": "react-scripts build",
"test": "react-scripts test",
"eject": "react-scripts eject",
"predeploy": "npm run build",
"deploy": "gh-pages -d build"
},따라서 프로젝트를 빌드 & 배포 전
# yarn
yarn remove gh-pages
yarn add gh-pages# npm
npm uninstall gh-pages
npm install gh-pages실시하여 재설치 한 후 빌드 & 배포를 실시하는 방법이다.
yarn deploy
or
npm run deploy애석하게도 이 방법은 쓰레기다. 달라지는 것 하나 없음
2. gh-pages 유기 Vercel 배포 (추천 : ⭐️⭐️)
하 이 방법도 도망치는 것 같아서 하기 싫었지만 vercel로 배포한 경험이 정말 좋았기 때문에 이 방법을 사용했다.
하지만? CRA로 만든 React 프로젝트에서만 발생하는 것 같음
TypeError: Cannot read properties of undefined (reading 'map')란다.. map 함수를 못읽는다.. map을 통해서 뿌려주는 데이터가 굉장히 나한텐 많은데,,
stackoverflow 동일한 오류
해결은 결국 못했고, 대략적으로 해결방법들을 찾아보니 map을 사용하기 위해 해당 정적타입이 array임을 알려줘야한다가 핵심인것 같다. 당연한소리지ㅋㅋ 누가 안했겠냐고
useState을 사용하거나 typeof 나 array check 등 여러 방법을 사용했지만 vercel로 배포하는 것은 포기함.
결론 : 이걸 보는 당신도 같은 오류가 떠서 해결했다면 저한테 꼭 알려주길 바람!
저 속터져서 죽어요
3. 새로운 repo 후 깔끔하게 셋팅 후 gh-pages 사용 (추천 : ⭐️)
이거는 내가 프로젝트 진행하다가 package.json을 이리저리 휘둘고, 기존 github repo에서 여러가지 만지다가 commit & push 시스템이 꼬였다! 라고 판단해서 한 방법이다.
repo 새로 파고, remote 깔꼼하게 하고 쌩 CRA에서 배포했는데 안됐음ㅋㅋ
아 일단 전 안됐음!ㅋㅋ 근데 웬만해서는 되지 않을까? 싶음! 내가 무슨 코드가 맘에 안드는지 아니면 내 로컬 설정이 gh-pages가 날 거부하는 기분이 들었었음!
여러분의 로컬을 어르고 달래주세요. 제 로컬은 잡탕이라서 환경변수, git, 도커 설정 등등 난리가 나서 로컬이 아파해요.
github settings page 설정? 이거 내가 좀 오래 파봤는데 많이 배우긴 함ㅋㅋ 근데 못고침
결론 : 로컬차이 인듯
4. 셀프 build, 셀프 push (추천 : ⭐️⭐️⭐️⭐️⭐️⭐️⭐️⭐️⭐️⭐️⭐️)
이게 될줄은 몰랐음 기대도 안함
간단하게 위에서 보여준 국룰 script 있잖슴? 그거 그냥 하나씩 스스로 치면 됨. 이거 때문에 yarn CRA가 조금 하자가 있는 것 아닐까? 생각함. 이거 한번 알아보면 좋을듯! yarn CRA vs npm CRA 로다가 인정? ㅋㅋ
package.json 에서 scripts 부분
{
"predeploy": "npm run build",
"deploy": "gh-pages -d build"
}요놈아를 yarn deploy 가 아니라 하나씩 정성스레 쳐주면 해결됨!
yarn build
yarn gh-pages -d build하면 끝ㅋㅋ 완조니 어이가 없어버림
성공한게 좋아서 사진한방 박음 제 git action 이쁘죠
결론 : 힘들게 삽질 결과 너무 허무함
결론
4번 방법 쓰시는게 정신건강에 이롭습니다. 문제가 될 것도 없고 그냥 한줄 쓸거 두줄쓰는것 뿐입니다. 한 2s 손실나서 시간이 부족해서 무언가를 못 이루실 정도는 아니라고 생각합니당 감사합니다.
그리고 yarn을 쓰기 했는데 npm 쓸 때는 이런 적이 없었음! 왤까? yarn CRA에 문제가 있다고 생각이 듦. 근데 또 처음 gh-pages를 설치해서 빌드 & 배포할 때는 커밋 야무지게 push 되는데 왜 다음 커밋은 왜케 안들어가지냐고!!!
npm CRA랑 비교해서 yarn CRA가 문제인지 내 로컬이 문제인지 내 github가 문제인지 판단해보는게 좋을 것 같음!!
