부트스트랩을 이용하여 업무에 도움을 주는 웹사이트를 제작하는 도중에 서버 로그에 404 에러가 발생하는 것을 확인했습니다.
bootstrap.bundle.min.js.map뿐만 아니라 bootstrap, popper 같은 웹사이트나 웹 응용 프로그램을 작성하기 위해 사용되는 프론트엔드 프레임워크에 해당되는 내용입니다.
.map 파일은 SourceMap이며, js나 css를 배포할 때는 공백 및 줄바꿈을 제거하고 난독화 등을 한 뒤 min.js로 배포를 하게 되는데 스크립트 에러가 발생했을 때 이 파일로는 디버깅하기 어렵다. 그럴 때 필요한 것이 SourceMap이다.
파일의 경우 사용하는 프레임워크의 사이트에 있는 첨부파일 안에 있으며 같은 폴더에 넣어주면 해결됩니다.
부트스트랩의 경우 https://getbootstrap.com/docs/5.1/getting-started/download/ 에서 다운로드할 수 있습니다. 아래 첨부파일을 다운로드하셔도 됩니다.
그렇게 파일을 넣으면 200 코드가 나오며 정상적으로 작동하는 것을 확인할 수 있습니다.
부득이하게 파일을 업로드할 수 없는 경우에는 bootstrap.bundle.min.js 파일을 연 뒤, 하단을 보면 아래처럼 나와있는데 이것을 조금 변경하여 sourceMapping을 띄어쓰기해서 'source Mapping'로 바꾸시어 무력화하면 됩니다.
변경 전 : //# sourceMappingURL=bootstrap.bundle.min.js.map
변경 후 : //# source MappingURL=bootstrap.bundle.min.js.map
HTML로 자동완성 기능 만드는 방법(datalist, django) (0) | 2022.10.19 |
---|
2023.05.21 14:22
2022.05.12 20:06
2022.04.02 12:00
2016.08.02 21:13
2022.05.14 21:16
2022.10.23 22:55
2022.03.03 17:30
2022.10.25 10:18
2022.02.16 21:55
2015.01.20 20:42
IT/Python
Financial/국내주식
Financial/시장
일상
IT/Util and 꿀팁
일상/여행
Financial/국내주식
Financial/해외주식
Financial/부동산
IT/Python
댓글 영역