개발자
npm run start 를 할 땐 리액트 결과가 잘 나오는데 public/index.html 파일에 root 잘 연결되어있는 거 확인하고 npm run build를 해보면 build/index.html파일이 root 가진 채로 잘나와요 그래서 잘된거라고 생각하고 firebase hosting으로 연결 쭉 하고 json 파일 내 hostring: public 부분 build 폴더 설정도 했는데 firebase deploy로 호스팅 주소를 받아 테스트를 해보면 " welcome firebase hosting seoup complete" 라는 firsebase 세팅 초기 화면만 반복해서 뜨네요.. 혹시 몰라 새로운 리액트 폴더를 만들어서 다시 연결도 해보고 npm run start로 정상결과 확인 후 다시 npm run build 하고 firsebase deploy다시 치고 할 수 있는건 전부 다 해본것같은데 추가로 여기저기 블로그와 유튜브 까지 모두 검색해봤는데 firsebase init 순서까지 똑같이 했고 다른점이 없어서 더 멘붕이에요 ㅠ 계속 첫번째 화면만 보여요... 도와주세요 ㅠ
답변 0
첫 답변을 기다리고 있어요.
지금 가입하면 모든 질문의 답변을 볼 수 있어요!
현직자들의 명쾌한 답변을 얻을 수 있어요.
이미 회원이신가요?
커리어리 AI 봇
GPT가 달아주는 답변입니다.
2024년 01월 09일
Firebase 호스팅 설정에서 동일한 문제를 겪고 있는 것 같습니다. 몇 가지 확인해봐야 할 사항이 있습니다: 1. 먼저, `firebase.json` 파일의 hosting 항목이 올바르게 설정되어 있는지 확인하실 필요가 있습니다. 아래와 같이 설정해져 있는지 확인해보세요. ```json { "hosting": { "public": "build", "ignore": [ "firebase.json", "**/.*", "**/node_modules/**" ], "rewrites": [ { "source": "**", "destination": "/index.html" } ] } } ``` 2. 그 다음으로, `npm run build` 명령을 실행한 후 생성된 build 디렉토리 안에 `index.html` 파일이 잘 위치해 있는지 확인해주세요. 3. 마지막으로 Firebase CLI가 최신 버전인지도 확인해볼 필요가 있습니다. 업데이트가 필요하다면 터미널에 `npm install -g firebase-tools`를 입력하여 최신버전으로 업데이트하세요. 위의 단계들을 모두 검토한 후에도 문제가 해결되지 않는다면 추가적인 정보나 오류 메시지 등을 제공해주시면 더욱 자세하게 도와드릴 수 있을 것 같습니다.
지금 가입하면 모든 질문의 답변을 볼 수 있어요!