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

1061

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

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

스크린 샷

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

이것은 어디에서 오는가?

javascript  jquery  google-chrome-devtools 
— 폴 아일랜드
소스
1
내 문제를 해결하기 위해이 답변의 세부 사항을 따르지 않았습니다. 내 사이트는지도가 아닌 js 파일 만 사용하고 있습니다. 이 문제를 해결하기 위해 브라우저 캐시를 지우고 브라우저를 다시 시작했습니다. ASP.NET 일반 처리기 (ExtDirectProxy.ashx)에서 500 내부 서버 오류가 발생하고 페이지를로드하기 위해 jquery에 데이터를 전달했을 때 발생하기 시작했습니다. stackoverflow.com/questions/26135251/…
— MacGyver
1
필요한 버전을 변경하고 아래 URL에서 다운로드하여 이름을 code.jquery.com/jquery-1.11.1.min.map
— Iman
1
브라우저가 필요하지 않더라도 다운로드를하기 때문에 다운로드 속도가 느려집니다.
— Quentin 2
1
— 수학

답변:

1271

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를 디버깅 할 수 있습니다 a와 c.

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

닷지 : 소스 맵 비활성화

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

— 폴 아일랜드
소스
9
나는 오늘 처음으로 그것을 알았 기 때문에 (당신이 당신의 자신의 질문에 대답 했음에도 불구하고) 이것에 투표하고 있습니다. 그것은 나를 알아 내려고 노력하는 데 약간 미친 듯이, 내가 작업하고있는 2 개의 사이트에서 동일한 404 오류를 발견했으며 '소스 맵 사용'옵션이 떠 올랐습니다. 대화하고 모든 것을 한 번에 켤 수 있습니다. 제공 한 문서를 살펴 보겠습니다.
— adam-asdf
47
두 가지를 추가해야합니다. 1) jQuery 맵 파일을 다운로드하는 것만으로는 충분하지 않으며 압축되지 않은 소스 코드도 필요합니다 (그렇지 않으면 디버깅 중에 빈 jquery-*. js 파일이 표시됨). 2) CDN 중 하나에서 jQuery를로드하는 경우 세 파일 (맵, 압축 및 압축되지 않은 소스 코드) 모두 동일한 위치에 있으며 즉시 디버깅을 시작할 수 있습니다.
— Konrad Dzwinel
42
DevTools에서 404를 제기 해야하는지 확실하지 않으면 사람들이 혼란스럽게 생각합니다. 그럼에도 불구하고 적어도 지금은 그것을 다루는 방법을 알고 있습니다. 또한 당신이 당신을 알고 바로 그래서 아담 - asdf을 @ 적극적으로 ... SO에 자신의 질문에 대답하는 것이 좋습니다 meta.stackexchange.com/questions/17845/...을
— 그렉
12
@Greg에 동의합니다. Chrome / DevTools 대신 요청한 소스 맵의 콘솔에서 404 오류가 발생해도 큰 도움이되지 않습니다. 특히 많은 사람들이 그 자원이 왜 요청되는지 (또는 어디에서) 이해하지 못하기 때문에.
— idbehold
9
@ SpYk3HH 자신의 답변을 받아들이는 것이 좋으며 타사 라이브러리 편집은 실제로 권장되지 않습니다. 내용을 업데이트하려는 경우 변경된 내용을 잊어 버릴 수 있기 때문입니다.
— Lipis 2013 년
276

선을 제거하여 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 이상)는 소스 맵을 자동으로 구문 분석하여 축소되지 않은 파일과 결합되지 않은 파일을 실행중인 것처럼 보이게 할 수 있습니다. (자세한 내용은 여기를 참조 하십시오 )

— kiranvj
소스
죄송합니다.이 줄이 필요할 때가 있습니까?
— Flion
6
축소 된 JS 소스 코드를 디버그해야하는 경우에만 필요합니다. 자세한 내용을 보시려면 여기를 두 번째 단락을 확인 html5rocks.com/en/tutorials/developertools/sourcemaps
— kiranvj
5
선택한 답변을하기 전에 이것을 보았기를 바랍니다. 이것은 훨씬 쉬우 며 기본 답변이되어야합니다. op의 자체 답변은 정보에는 좋지만이 성가심을 제거하는 방법을 인터넷 검색 할 때 나타나는 첫 번째 질문이므로 분명히 부차적입니다.
— SpYk3HH
13
그러한 것들을 제거하기 위해 라이브러리를 편집하는 것은 좋은 선택이 아닙니다. jquery를 업데이트 할 때 마다이 줄이 다시 나타납니다.
— Arman P.
6
2014 년 1 월 현재, 소스 맵 참조는 jQuery 배포에 포함되지 않습니다 .
— Dan Esparza 2016 년
44

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

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

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

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

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

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

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

— gotqn
소스
1
그러나이 혼란이 없었다면 여기서는 찾아 보지도 않았고지도가 존재한다는 것을 알지 못했을 것입니다. 들여다보고 싶었던 축소 된 파일에 공백을 수동으로 추가했습니다.
— icedwater 2016 년
1
Chrome 브라우저에는 축소 된 파일을 형식화하는 버튼이 있습니다. 온라인 프리티 파이어도 제공됩니다.
— Quentin 2
16

새 버전의 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 주석 이 압축 파일에 포함되어 있지 않습니다 .

— 안드레스 세 파르
소스
3
아니요, jQuery가 해당 파일을 "필요"한다고 생각하지 않습니다. 디버깅하는 동안 소스 맵을 사용하려는 경우에만 필요하며,이 경우 src 파일과 맵 파일이 모두 필요합니다.
— styfle
1
많은 사용자가 브라우저 콘솔에서 생산 된 오류에 의해 영향을받은 때문 @styfle 안녕, 소스 맵 버전 1.10.2에서 요구했지만, 버전 1.11.0 / 2.1.0 수동으로 추가해야입니다
— 안드레스 Separ
9

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

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

— 제임스 제이
소스
8

다른 답변의 지침을 따른 후에 맵 파일에서 버전을 제거 하여이 작업을 수행해야했습니다.

예 : 이름 바꾸기

jquery-1.9.1.min.map

에

jquery.min.map

— 드 로비슨
소스
6

나는 같은 문제가 제시되었다. 저의 원인은 Grunt가 JavaScript 파일을 연결 했기 때문입니다 .

I는를 사용하고 ;\n(404), 소스 맵 경로를 야기 세퍼레이터있다.

따라서 개발 도구는 jquery.min.map;대신에 찾고있었습니다 jquery.min.map.

나는 그것이 원래의 질문에 대한 답이 아니라는 것을 알고 있지만 비슷한 Grunt 구성을 가진 다른 사람들이 있다고 확신합니다.

— nickspiel
소스
5

jQuery 1.11.0 / 2.1.0 // sourceMappingURL 주석은 압축 파일에 포함되지 않습니다.

— 사용자
소스
당사 사이트를 사용함과 동시에 당사의 쿠키 정책과 개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.