ESRI : 소스 맵을 파싱하지 못했습니다.

176

Google 크롬 개발자 콘솔에서이 오류가 발생합니다.

SourceMap을 구문 분석하지 못했습니다 : http : // localhost : 15132 / Scripts / _External / igniteui / css / themes / infragistics / infragistics.theme.css.map

어떻게 고치나요?

javascript esri

— 아 함마 달리 PK
소스

307

Chrome은 최근 개발자 도구에서 소스 맵에 대한 지원을 추가했습니다. 크롬 개발자 툴바의 설정에서 다음 두 가지 옵션을 볼 수 있습니다.

이 두 옵션을 비활성화하고 브라우저를 새로 고치면 더 이상 소스 맵을 요구하지 않습니다.

이 설정은 여기에서 찾을 수 있습니다.

— Steropes
소스

94

어리석은 "기능". 사용 가능한 소스 맵 만로드해야합니다.

— ProblemsOfSumit

8

이 스크린 샷에서 모양 아래의 두 섹션은 테마 옵션입니다. 다크 테마를 선택했습니다.

— Steropes 2016 년

81

나는 이것이 대답이라고 생각하지 않습니다. 오류를 숨기는 것이 실제로 '수정'되지는 않습니다. 존재하지 않는 소스 맵 파일을 참조하는 파일이있는 이유를 먼저 파악한 후 수정해야합니다.

— demisx

4

주의 그냥 단어 - 당신이 그 설정을 사용하지 않으면, (탭 승 /은 n에) 당신이 F5를 공격하지 않는 한 네트워크 탭 트래픽 활동을 표시하지 않습니다 알고 있어야

— 제임스 Poulose

3

해당 설정이있는 곳을 찾는 데 시간이 걸렸습니다. i.stack.imgur.com/JQcnN.png 위치를 보여주는 스크린 샷 입니다. 사람들이 설정을 쉽게 찾을 수 있도록 답변에 추가해야 할 수도 있습니다.

— 도널드 덕

34

선택한 답변은 오류를 숨기는 좋은 답변이지만 오류를 제거하지는 않으며 검사기에서 볼 수 없습니다. 다른 방법은 누락 된 맵 파일을 다운로드하여 assets / lib 디렉토리에 저장하는 것입니다. 예를 들어 angular-route.min.js.map파일 이 누락되어 https://code.angularjs.org/1.5.3/ (올바른 각도 버전)로 이동하여 누락 된 파일을 다운로드했습니다. 캐싱으로 인해 오류가 즉시 사라지지 않았지만 브라우저에서 실제 파일로 이동하면 제대로 작동합니다. http://sitename.localhost/assets/lib/angular-route.min.js.map. 이제 소스 맵을 활성화해도 검사기가 더 이상 오류를 표시하지 않습니다.

— 화학자
소스

4

소스 맵은 축소 된 자바 스크립트 파일 작업에 적합하지만이 오류 메시지가 나타나 소스 맵을 사용할 필요가 없거나 원하지 않는 경우에도 정상적인 디버깅을 방지합니다. 소스 맵을 추가하면 문제가 해결 될 것입니다. 그러나 맵이없는 경우 정상적인 디버깅을 허용하기 위해이 옵션을 비활성화하고 싶을 것입니다.

— Steropes

1

Backendless.min.js를 설정하려고 Failed to parse SourceMap했고 Chrome 콘솔에 표시 되었기 때문에 도움이되었습니다 . 압축되지 않은 Backendless.js (을 사용하지 않고 .min) 를 사용하도록 전환했을 때 오류가 발생하지 않았습니다. 축소 된 자바 스크립트를 사용할 때 소스 맵이 이해가되지 않는 것 같습니다. 압축되지 않은 JS + 소스 맵을 사용하고 프로덕션 환경에서만 압축 JS를 사용하도록 로컬 개발 환경을 설정하려고 할 수 있습니다.

— Ryan

16

Chrome에서 단순히 소스 맵을 끄는 것 외에도 약간의 파기를 수행했으며 Web Essentials을 사용하여 소스 맵을 만드는 것이 문제인 것으로 나타났습니다.

어떤 이유로 든 외부 컴파일러 (Koala)를 사용하면 Chrome에서 작업 소스 맵을 성공적으로 만들 수 있습니다 (오류 없음). Web Essentials를 사용하는 경우 소스 맵이 구문 분석되지 않습니다.

이것이 누군가를 돕기를 바랍니다.

— 비키
소스

3

Web Essentials 팀에서이 단어를 찾았습니까? 우리도 같은 문제를 겪고 있다고 생각합니다.

— jtheis

2

불행히도 나는 그것에 대해 아무것도 찾을 수 없습니다-나는 탐구하는 과정에 있습니다!

— Vicky

1

웹 필수 사항 관련 수정 사항은 여기에서 찾을 수 있습니다. Chrome“실패한 구문 분석 SourceMap”: css.map (웹 필수)

— Quentin S.

14

우리가 보통 축소 / 압축하는 CSS / JS의 소스 코드. 이제 축소 된 파일을 디버깅하려면 축소 된 파일 끝에 다음 줄을 추가해야합니다.

/*# sourceMappingURL=bootstrap.min.css.map */

소스 파일이 실제로 매핑 된 위치를 컴파일러에 알려줍니다.

JS 의 경우 의미가
있지만 CSS 의 경우 실제로 SCSS를 디버깅합니다.

경고를 제거하려면 : remove /*# sourceMappingURL=bootstrap.min.css.map */ from the end of minified file ,.

— 와심 A.
소스

8

.htaccess설정이 잘못되어 동일한 문제 가 발생했습니다 .

RewriteRule의 RewriteEngine!. (js | gif | jpg | png | css) $ index.php

파일을 수정하여이 문제를 해결했습니다.

RewriteRule의 RewriteEngine!. (js | gif | jpg | png | css | eot | svg | ttf | woff | woff2 | map ) $ index.php

— 아르 템 솔로 브
소스

이게 뭐야? 아파치? 웹 서버입니까 아니면 플러그인입니까?

— Vasilii Suricov

4

때때로 설치 한 Chrome 확장 프로그램으로 인해 발생할 수 있습니다. 예를 들어 AdBlock 입니다.

불행히도 내가 찾을 수있는 가장 좋은 해결책은 문제가되는 확장을 비활성화하는 것입니다.

— 바엘 빅 투스
소스

매우 도움이되었습니다. 감사합니다. 실제로 Adblock Plus에서 문제가 발생했습니다.

— Taranis

3

이 문제가 발생했을 때 원인은 ui.bootstrap.modal 모듈을 사용할 때 템플릿 파일에 대한 상대 참조 였습니다 .

templateUrl: 'js/templates/modal.html'

루트 도메인 ( www.example.com ) 에서 작동 하지만 경로가 추가되면 ( www.example.com/path/ ) 참조가 중단됩니다. 필자의 경우 대답은 단순히 참조를 절대적으로 만드는 것입니다 ( js / -> / js / ).

templateUrl: '/js/templates/modal.html'

— robstarbuck
소스

이 URL을 확인 하여 콘텐츠 품질을 향상시키는 것이 유용합니다

— Willie Cheng

11

고마워 윌리, 나는 지침을 읽었습니다. 내 대답에 문제가 있다고 생각 했습니까?

— robstarbuck

2

Google DevTools의 오류는 Google 확장으로 인해 발생합니다.

브라우저에서 Google 아이콘을 클릭했습니다
팝업 창 하단에 손님 프로필을 만들었습니다.
나는 그 다음 나의 localhost 주소와 짜잔을 붙였다!!

콘솔에 더 이상 오류가 없습니다.

— 롤랜드 브렌 빌 주니어
소스

0

Chrome 확장 프로그램 (야간 모드 등)을 사용하고 있는지 확인하십시오. 이를 비활성화하고 '주입'이 사라 졌는지 확인하십시오.

— 볼로냐
소스

0

AdBlock 확장 프로그램으로 인해 문제가 발생했습니다. 문제가 해결 된 AdBlock 확장 프로그램을 사용 중지했습니다.

— 락시 쓰 R 살리 안
소스