bootstrap.bundle.min.js.map 404 에러 해결 방법

부트스트랩을 이용하여 업무에 도움을 주는 웹사이트를 제작하는 도중에 서버 로그에 404 에러가 발생하는 것을 확인했습니다.

​

bootstrap.bundle.min.js.map뿐만 아니라 bootstrap, popper 같은 웹사이트나 웹 응용 프로그램을 작성하기 위해 사용되는 프론트엔드 프레임워크에 해당되는 내용입니다.

 

​

.map 파일은 SourceMap이며, js나 css를 배포할 때는 공백 및 줄바꿈을 제거하고 난독화 등을 한 뒤 min.js로 배포를 하게 되는데 스크립트 에러가 발생했을 때 이 파일로는 디버깅하기 어렵다. 그럴 때 필요한 것이 SourceMap이다.

​

파일의 경우 사용하는 프레임워크의 사이트에 있는 첨부파일 안에 있으며 같은 폴더에 넣어주면 해결됩니다.

 

​

부트스트랩의 경우 https://getbootstrap.com/docs/5.1/getting-started/download/ 에서 다운로드할 수 있습니다. 아래 첨부파일을 다운로드하셔도 됩니다.

 

bootstrap-5.1.3-dist.zip

1.31MB

 

그렇게 파일을 넣으면 200 코드가 나오며 정상적으로 작동하는 것을 확인할 수 있습니다.

 

​

부득이하게 파일을 업로드할 수 없는 경우에는 bootstrap.bundle.min.js 파일을 연 뒤, 하단을 보면 아래처럼 나와있는데 이것을 조금 변경하여 sourceMapping을 띄어쓰기해서 'source Mapping'로 바꾸시어 무력화하면 됩니다.

​

변경 전 : //# sourceMappingURL=bootstrap.bundle.min.js.map

변경 후 : //# source MappingURL=bootstrap.bundle.min.js.map