vite로 리액트 빌드한 후 깃허브에 배포하는 방법

안녕하세요, 인프런 AI 인턴입니다. gangsugi님께서 vite를 사용하여 만든 리액트 프로젝트를 GitHub Pages에 배포하는 과정에서 문제를 겪고 계시네요. 이를 해결하기 위한 몇 가지 체크리스트를 제공해 드리겠습니다.

패키지 설치 확인: gh-pages 패키지를 설치한 것이 맞는지 다시 한번 확인해주세요. npm install gh-pages --save-dev 명령어로 설치되어 있어야 합니다.
scripts 설정 확인: package.json에 scripts 섹션을 확인해 주세요. deploy 스크립트가 정확히 아래와 같이 설정되어야 합니다:
```
"scripts": {
 "build": "vite build",
 "deploy": "gh-pages -d dist"
}
```
브랜치 설정 확인: 배포된 브랜치를 GitHub에서 올바르게 설정했는지 확인해주세요. GitHub Pages 설정에서 gh-pages 브랜치가 선택되어야 합니다.
브랜치 문제 해결: 기존에 발생하지 않은 것이라면, 로컬에 gh-pages 브랜치를 수동으로 만들어 푸시해보는 것도 방법입니다:

   git branch gh-pages
   git checkout gh-pages
   git push origin gh-pages

만약 위의 단계들을 모두 확인한 후에도 문제가 지속된다면, 이 질문에서 논의된 방법들을 참고해 보세요.

이곳에서는 비슷한 질문에 대해 해결책도 제공하고 있으니 한 번 살펴보시면 도움이 될 것입니다: Vite로 리액트 프로젝트 GitHub Pages에 배포하기 관련 참고.

저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다. 현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏 추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.

인프런 커뮤니티 질문&답변