jquery.min.map 404 File not found 오류

jquery.min.map 404 File not found 오류

 

IE F12 개발자 도구 - 네트워크 부문에서 다음 오류가 발생할 경우 대처방안.

jquery.min.map 404 File not found 오류

jquery.js 소스에 들어 있는 sourceMappingURL 앞 부분으로 인하여 404 에러가 지속적으로 유발된다.

기본적으로 jquery.min.map 파일이 없어서 발생하는 문제다. 

자신이 사용하는 jquery 버전과 맞는 map 파일을 404 오류가 발생하는 경로에 map 파일을 넣어주면 된다.

 

그리고 map 파일이 있음에도 문제가 발생할 경우 아래의 방법을 참고하시기 바란다. 

여기에서 제시하는 해결방안은 js 파일을 티스토리 블로그 서버에 직접 업로드 하여 사용하는 경우에 적용이 가능하다.

 404 에러가 유발되는 원인은 jquery.js 파일을 열어보면 sourceMappingURL 코드가 있는 js 파일들이 있는데  그 sourceMappingURL 코드 앞에 있는 "//@" 과  "//#" 코드가 문제의 주범이다. 

이 문제를 해결하는 방법은 //@ 사이를 한 칸 띄어 주기. 그리고 //# 사이도 한 칸 띄어 주기 하면 된다. 

//@ sourceMappingURL=jquery.min.map 를 다음과 같이 수정

// @ sourceMappingURL=jquery.min.map

//# sourceMappingURL=jquery.min.map를 다음과 같이 수정

// # sourceMappingURL=jquery.min.map 

정보출처 : https://jsp-making.tistory.com/352

 

그리고 다음과 같이 앞, 뒤 순서를 지켜줘야 하는 스크립트들이 순서가 바뀌었을 경우에도 위와 동일한 현상이 발생할 수 있다.

스크립트 순서