| 브라우저 개발자 도구를 활용한 페이지 소스 코드의 오류 수정 |
DevTools가 원본 맵을 로드 하지 못했습니다. https://yyy/xxx.js.map의 콘텐츠를 로드할 수 없습니다. HTTP 오류: 상태 코드 404, net::ERR_HTTP_RESPONSE_CODE_FAILURE
DevTools failed to load SourceMap: Could not load content for xxx.js.map: HTTP error: status code 404, net::ERR_HTTP_RESPONSE_CODE_FAILURE
브라우저를 실행시킨 상태에서 키보드 F12 혹은 <Ctrl + Shift + I>를 동시에 누르면 개발자 도구가 실행됩니다.
웹 페이지의 각종 코드 정보와 오류를 확인할 수 있는 유용한 도구입니다. 이 개발자 도구가 제공하는 HTTP 404 오류 정보에 대처하는 방법입니다.
대응 방법
1. 소스 파일 자체의 오류일 경우에는 파일을 수정
- xxx.js
2. 소스 파일(xxx.js)에서 오류 발생 라인을 삭제하거나 사용 중지
해당 라인 앞에 // 덧붙여 주석으로 처리합니다.
3. 웹 브라우저와 확장 프로그램과의 호환성 문제
구글 크롬, 마이크로소프트 엣지 등에서 발생하는 오류입니다. 모두 크롬 엔진을 사용합니다.
Microsoft Edge용 확장 프로그램, Chrome 웹 스토어의 확장 프로그램 중에서 팝업 창 차단, 광고 차단 확장 프로그램이 브라우저의 정상적인 데이터 입출력을 방해하기 때문에 발생합니다.
이러한 유형의 확장 프로그램을 1개씩 삭제하면서 결과를 확인합니다.
댓글