[javascript] jQuery의 jquery-1.10.2.min.map이 404 (Not Found)를 트리거합니다.

파일에 대한 오류 메시지 min.map가 표시되지 않습니다.

GET jQuery의 jquery-1.10.2.min.map이 404 (Not Found)를 트리거합니다.


스크린 샷

여기에 이미지 설명을 입력하십시오

이것은 어디에서 오는가?



답변

Chrome DevTools가 .map 파일에 대해 404를보고하는 경우 (아마도 jquery-1.10.2.min.map, jquery.min.map또는 jquery-2.0.3.min.map아무거나 발생할 수 있음) 가장 먼저 알아야 할 것은 DevTools를 사용할 때만 요청됩니다.
귀하의 사용자는이 404를 누르지 않을 것입니다.

이제이 문제를 해결하거나 소스 맵 기능을 비활성화 할 수 있습니다.

수정 : 파일 가져 오기

다음은 쉬운 수정입니다. 머리 http://jquery.com/download/ 과는 클릭 다운로드를지도 파일 버전에 링크를, 당신은 압축되지 않은 파일뿐만 아니라 다운로드 할 것입니다.

여기에 이미지 설명을 입력하십시오

장소에 맵 파일을 갖는 것은 당신이 변수 같은 이름을 다루는 마음에 들지 않으면 시간과 좌절을 많이 절약 할 수 원본 소스를 통해 축소 된 jQuery를 디버깅 할 수 있습니다 ac.

소스 맵 에 대한 추가 정보 : JavaScript 소스 맵 소개

닷지 : 소스 맵 비활성화

파일을 가져 오는 대신 설정에서 JavaScript 소스 맵을 완전히 비활성화 할 수도 있습니다. 이 페이지에서 JavaScript 디버깅을 계획하지 않는 경우이 방법을 사용하는 것이 좋습니다. DevTools의 오른쪽 하단에있는 톱니 바퀴 아이콘을 사용하여 설정을 연 후 다음을 수행하십시오.
여기에 이미지 설명을 입력하십시오


답변

선을 제거하여 404를 제거 할 수 있습니다

//@ sourceMappingURL=jquery-1.10.2.min.map

jQuery 파일의 상단에서.

jQuery 파일의 상단 부분은 다음과 같습니다.

/*! jQuery v1.10.2 | (c) 2005, 2013 jQuery Foundation, Inc. | jquery.org/license
//@ sourceMappingURL=jquery-1.10.2.min.map
*/

그냥로 변경

/*! jQuery v1.10.2 | (c) 2005, 2013 jQuery Foundation, Inc. | jquery.org/license */

소스 맵의 목적

기본적으로 결합 / 최소화 파일을 빌드되지 않은 상태로 다시 매핑하는 방법입니다. 프로덕션 용으로 빌드하고 JavaScript 파일 축소 및 결합과 함께 원본 파일에 대한 정보를 보유한 소스 맵을 생성합니다. 생성 된 JavaScript에서 특정 행 및 열 번호를 쿼리하면 소스 맵에서 조회를 수행하여 원래 위치를 반환 할 수 있습니다. 개발자 도구 (현재 WebKit 야간 빌드, Chrome 또는 Firefox 23 이상)는 소스 맵을 자동으로 구문 분석하여 축소되지 않은 파일과 결합되지 않은 파일을 실행중인 것처럼 보이게 할 수 있습니다. (자세한 내용은 여기를 참조 하십시오 )


답변

jQuery 1.11.0/2.1.0 Beta 2 Released소스 맵에 발표 된대로 주석이 제거되므로 문제가 최신 버전에서는 나타나지 않습니다 jQuery.

공식 발표는 다음과 같습니다.

이 베타 버전에서 변경된 사항 중 하나는 소스 맵 주석을 제거하는 것입니다. 소스 맵은 개발자에게 매우 문제가 많고 수수께끼 인 것으로 입증되어 StackOverflow와 같은 포럼에서 혼란스러운 질문을 생성하고 사용자가 jQuery 자체가 고장 났다고 생각하게 만들었습니다.

어쨌든 소스 맵을 사용해야하는 경우에도 여전히 사용할 수 있습니다.

우리는 여전히 소스 맵을 생성하고 배포 할 것입니다. 그러나 브라우저가 맵 파일 연결을 수동으로 지원하지 않는 경우 (현재는 없음) 축소 된 파일의 끝에 적절한 소스 맵 주석을 추가해야합니다. 사용자 정의 빌드 프로세스를 사용하여 고유 한 jQuery 파일을 생성하면 축소 된 파일에 소스 맵 주석이 표시되고 맵이 생성됩니다. 그대로두고 소스 맵을 사용하거나 편집하고 맵 파일을 완전히 무시할 수 있습니다.

여기 에서 변경 사항에 대한 자세한 내용을 확인할 수 있습니다.


여기서jQuery 1.11.0/2.1.0 Released 축소 된 파일의 소스 맵 주석이 제거 되었다는 확인을 찾을 수 있습니다 .


답변

  1. 맵 파일과 압축되지 않은 jQuery 버전을 다운로드 하십시오 .
    축소 버전으로 넣으십시오.

    자바 스크립트

  2. HTML에 축소 버전 포함 :

    HTML

  3. Chrome에서 확인 :

    구글 크롬

  4. JavaScript 소스 맵 소개 읽기

  5. JavaScript 디버깅에 익숙해 지십시오


답변

새 버전의 jQuery에는이 파일 http://code.jquery.com/jquery-1.10.2.min.map 이 필요합니다 .

이 파일의 유용성은 여기에 설명되어 있습니다 http://www.html5rocks.com/en/tutorials/developertools/sourcemaps/

최신 정보:

jQuery 1.11.0 / 2.1.0

// sourceMappingURL 주석 이 압축 파일에 포함되어 있지 않습니다 .


답변

브라우저를 이해하면 최소한 Chrome은 기본적으로 소스 매핑을 비활성화하지 않습니다. 즉, 응용 프로그램 사용자는 기본적으로이 소스 매핑 요청을 트리거합니다.

//@ sourceMappingURL=jquery.min.mapJavaScript 파일 에서을 삭제하여 소스 매핑을 제거 할 수 있습니다 .


답변

소스 맵 파일을 다른 버전으로 가져 오려면 http://code.jquery.com/jquery-x.xx.x.min.map 링크를 사용하십시오
.

대신 x.xx.x는 버전 번호를 입력합니다.

참고 :이 방법으로 얻는 일부 링크는 손상 될 수 있습니다 🙂