Bootstrap.min.js.map 404 Error 해결방법

부트스트랩 탬플릿을 받아서 사용하다보면 가끔 404 에러를 발생시키기도 하는데 신기하게도 크롬 콘솔에서는 404에러로 잡히지 않지만 서버측 로그를 확인하여보면 404 에러를 발생시키는것을 확인하였습니다.

 

포트폴리오 프로젝트를 작업하면서 최근에 에러 관리 프로그램을 제작하면서 확인하게된 에러였습니다.

 

Bootstrap.mins.js.map 또는 CSS 파일에서도 동일한 문제가 발생할수 있는데 이는 디버깅에 필요한 파일이라고 합니다.

 

JS파일을 배포할때 압축이나 난독화해서 배포하는경우에 (min파일) 이 경우에 파일사이즈가 줄어서 성능향상의 효과가 있지만 디버깅에 문제가 발생하는데 map파일을 사용하면 압축된 js파일이라도 원본 소스처럼 디버깅이 가능하다고 합니다.

 

하지만 저의 경우에는 에러 보고 프로그램 제작후 지속적으로 이 404 에러를 보고 하므로 표시시키지 않기로 결정하였습니다. 방법은 min.js 또는 min.css 파일 제일 하단에 

//# sourceMappingURL=bootstrap-select.js.map

저의 경우에는 이를 js 파일의 주석을 해제하였고 css의 경우에는 불필요하다고 생각하여 해당 구문을 삭제 처리하였습니다.

 

관련된 Stackoverflow 문서는 아래 링크에서 확인 가능합니다.

 

https://stackoverflow.com/questions/21773376/bootstrap-trying-to-load-map-file-how-to-disable-it-do-i-need-to-do-it