※ Windows 10 환경에서 실행하였습니다.
[Create React App 공식문서] Advanced Configuration: https://create-react-app.dev/docs/advanced-configuration
아래의 방법은 빌드된 CRA 프로젝트를 웹 서버를 거치지 않고, 파일로 실행하는 방법입니다.
기본 설정인 build 폴더에서 index.html 파일을 열면 소스코드 경로가 잘못되어 화면이 안나오는 것을 해결하는 방법입니다.
두 가지 방법이 있습니다.
1. 프로젝트 폴더 하위에 .env 파일 또는 .env.production 파일을 생성후 PUBLIC_URL=. 을 설정합니다.
2. package.json 에 homepage 속성을 추가하고 값을 "." 으로 설정합니다.
create-react-app에서 빌드시 index.html에서 파일들의 경로가 "/" 로 잡혀있는데, "./" 로 만들어줍니다.
./ 로 바뀌면서 파일들의 경로가 index.html 파일 기준으로 바뀝니다.
확인 방법 : 빌드된 폴더 내 index.html 파일을 확인해보세요.