❗ Error
Failed to parse source map Error ~
❓ 원인
CRA으로 React 프로젝트를 빌드하여 배포하는 경우, 기본적으로 webpack에 의해 번들링 된 파일과 해당 파일에 대응되는 sourcemap이 생성된다. sourcemap은 간단히 말하면, 디버깅을 위한 파일인데 해당 파일이 있다면 압축되고 난독화된 파일을 브라우저 내에서 다시 원본 소스처럼 확인할 수 있다.
하지만 내부 코드가 노출되거나, 빌드 시 메모리 부족 이슈가 발생할 수 있기 때문에 sourcemap은 제거되어야 한다.
📌 해결
1. 환경변수 설정
GENERATE_SOURCEMAP=false프로젝트 최상위에 환경변수를 설정하는 .env 파일에 해당 코드를 추가한다.
2. 빌드 후 직접 삭제
"build": "react-scripts build && rm build/static/**/*.map"해당 방법은 react-scripts v1.0.11 이전 버전인 경우에 사용하면 된다.
