search

yamoo9 / likelion-FEQA

질문/답변 — 프론트엔드 스쿨, 멋사
29 stars 9 forks source link

[LAB-4] 빌드 파일 빈화면 오류 #271

Closed ssw6750 closed 1 year ago

ssw6750 commented 1 year ago

질문 작성자

서석원

문제 상황

웹펙 세팅으로 빌드 후 build/index.html을 열어보니깐 빈화면이 나옵니다. 절대경로 설정문제 같은데 어떻게 해결해야할지 잘 모르겠습니다. 빌드버그

프로젝트 저장소 URL

build 브랜치

환경 정보

yamoo9 commented 1 year ago

문제 분석

public/assets 디렉토리의 에셋 출력 경로에 문제가 있었습니다.

빌드 구성

createCopyPlugin.js 파일 구성에서 출력 경로를 assets으로 변경합니다.

그러면 정상적으로 이미지가 출력될 거에요. 😃

ssw6750 commented 1 year ago

image 고쳐봤는데 여전히 빈화면이 뜨네요,,, npm run build 하고 build/index.html 확인하면 원래나오는거 맞나요..?

yamoo9 commented 1 year ago

image 고쳐봤는데 여전히 빈화면이 뜨네요,,, npm run build 하고 build/index.html 확인하면 원래나오는거 맞나요..?

@ssw6750 님 아래 명령을 실행해서 구동해야 합니다. 😊

npx serve -s build

CRA - Deployment 참고해보세요.

ssw6750 commented 1 year ago

그러면 해당 프로젝트는 깃허브 페이지로만으로는 배포가 불가능한건가요?

yamoo9 commented 1 year ago

@ssw6750 님 Create React App 공식 문서대로 진행하시면 배포 가능합니다.

GitHub Pages 배포