[Javascript] js.map 404 에러

SourceMap

해당 404 에러의 원인을 알기 전에 다음의 개념을 알고 있어야 한다.

js나 css를 배포할 때는 공백 및 줄바꿈을 제거하고 난독화등을 하여 min.js로 배포를 하게 된다.
그런데 스크립트 에러가 생겼을 때 min.js로 디버깅하긴 어렵다.
그럴 때 사용할 수 있는 것이 SourceMapping이다.

bootstrap.min.js 파일을 보면 하단에 다음과 같은 코드가 있다.

    ...
    /# sourceMappingURL=bootstrap.min.js.map

sourceMapping은 Javascript및 Css의 min 파일과 원본파일을 연결해주어 디버깅 시 원본파일로 디버깅할 수 있도록 해준다.

404에러

로컬로 bootstrap.min.js를 복사하면서 js.map 파일은 복사해두지 않아서 발생했다.
크롬에서는 sourceMapping이 disabled 였는지 오류가 안났지만
mac에서 safari로 했을 때는 enabled였는지 404 오류가 나면서 페이지가 동작하지 않았다.

js.map을 복사해오면 되지만 외부 리소스 전체를 다 받아오기엔 수가 많아서 그냥 disabled하고 싶었다.
그런데 별다른 방법이 없는 것 같다.

    ...
    /# source MappingURL=bootstrap.min.js.map

일단은 이렇게 띄어쓰기로 무력화 해주어서 처리했다.