• 로그인
  • 장바구니에 상품이 없습니다.

home2 게시판 React 게시판 리액트 배포 후 빈화면 문제점

리액트 배포 후 빈화면 문제점

5 글 보임 - 1 에서 5 까지 (총 5 중에서)
  • 글쓴이
  • #8381

    김혜수
    참가자

    안녕하세요!

    깃허브 배포 후 페이지에 들어가보면 빈화면이 뜹니다.

    div root안이 아예 빈칸이고, 제생각엔 index.html파일의 경로가 잘못 연결된것같습니다.

    제가 다른 리액트 폴더의 파일은 배포에 성공했는데, 성공한 방법은

    build 폴더 안의 index.html파일의 script src="./mongsukim/port3어쩌고" 경로를 

     ./static으로 수정한 거였어요

     

    다른 리액트 프로젝트 폴더는

    build한 index.html과 asset-manifest.json의 경로를 ./로 수정하고 깃허브에 배포해도

    계속 콘솔에 ./mongsukim/port3/static으로 뜨네요 ... 

     
    <p style="text-align: center;">어떻게 해야 콘솔의 경로가 ./static으로 연결 될까요?</p>
     

     

    #8390

    김혜수
    참가자

    음.. 개발자님의 도움을 받아 해결했습니다.

     

    App.js의 Routh path를 제 폴더명인 /port3으로 설정하니 되네요 .. 

    #8393

    codingapple
    키 마스터

    라우터쓸 때 basename 어쩌구를 설정해도될듯요

    #8399

    김혜수
    참가자

    선생님 그런데 https://codingapple.com/unit/react-build-deploy-github-pages/ 이 방법대로

    npm run build 후에 꼭 build폴더의 index.html 의 css와 js의 경로를 ./static으로 꼭 ./으로 수정해야

    깃헙에 올렸을때 화면이 제대로 나오는데요

    일일히 빌드 후에 ./를 매번 수정하는게 번거로운데.. 방법이 혹시 있을까요?

    패키지.json의 homepage 주소를 삭제하면 될까요 ??

    #8406

    codingapple
    키 마스터

    삭제해보고 빌드해보도록 합시다 

5 글 보임 - 1 에서 5 까지 (총 5 중에서)
  • 답변은 로그인 후 가능합니다.

About

현재 월 700명 신규수강중입니다.

  (09:00~20:00) 빠른 상담은 카톡 플러스친구 코딩애플 (링크)
  admin@codingapple.com
  이용약관
ⓒ Codingapple, 강의 예제, 영상 복제 금지
top

© Codingapple, All rights reserved. 슈퍼로켓 에듀케이션 / 서울특별시 강동구 고덕로 19길 30 / 사업자등록번호 : 212-26-14752 온라인 교육학원업 / 통신판매업신고번호 : 제 2017-서울강동-0002 호 / 개인정보관리자 : 박종흠