Google 크롬 개발자 콘솔에서이 오류가 발생합니다.
SourceMap을 구문 분석하지 못했습니다 :
http : // localhost : 15132 / Scripts / _External / igniteui / css / themes / infragistics / infragistics.theme.css.map
어떻게 고치나요?
답변
Chrome은 최근 개발자 도구에서 소스 맵에 대한 지원을 추가했습니다. 크롬 개발자 툴바의 설정에서 다음 두 가지 옵션을 볼 수 있습니다.
이 두 옵션을 비활성화하고 브라우저를 새로 고치면 더 이상 소스 맵을 요구하지 않습니다.
이 설정은 여기에서 찾을 수 있습니다.
답변
선택한 답변은 오류를 숨기는 좋은 답변이지만 오류를 제거하지는 않으며 검사기에서 볼 수 없습니다. 다른 방법은 누락 된 맵 파일을 다운로드하여 assets / lib 디렉토리에 저장하는 것입니다. 예를 들어 angular-route.min.js.map파일 이 누락되어 https://code.angularjs.org/1.5.3/ (올바른 각도 버전)로 이동하여 누락 된 파일을 다운로드했습니다. 캐싱으로 인해 오류가 즉시 사라지지 않았지만 브라우저에서 실제 파일로 이동하면 제대로 작동합니다. http://sitename.localhost/assets/lib/angular-route.min.js.map. 이제 소스 맵을 활성화해도 검사기가 더 이상 오류를 표시하지 않습니다.
답변
Chrome에서 단순히 소스 맵을 끄는 것 외에도 약간의 파기를 수행했으며 Web Essentials을 사용하여 소스 맵을 만드는 것이 문제인 것으로 나타났습니다.
어떤 이유로 든 외부 컴파일러 (Koala)를 사용하면 Chrome에서 작업 소스 맵을 성공적으로 만들 수 있습니다 (오류 없음). Web Essentials를 사용하는 경우 소스 맵이 구문 분석되지 않습니다.
이것이 누군가를 돕기를 바랍니다.
답변
우리가 보통 축소 / 압축하는 CSS / JS의 소스 코드. 이제 축소 된 파일을 디버깅하려면 축소 된 파일 끝에 다음 줄을 추가해야합니다.
/*# sourceMappingURL=bootstrap.min.css.map */소스 파일이 실제로 매핑 된 위치를 컴파일러에 알려줍니다.
JS 의 경우 의미가
있지만 CSS 의 경우 실제로 SCSS를 디버깅합니다.
경고를 제거하려면 : remove /*# sourceMappingURL=bootstrap.min.css.map */ from the end of minified file ,.
답변
.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
답변
때때로 설치 한 Chrome 확장 프로그램으로 인해 발생할 수 있습니다. 예를 들어 AdBlock 입니다.
불행히도 내가 찾을 수있는 가장 좋은 해결책은 문제가되는 확장을 비활성화하는 것입니다.
답변
이 문제가 발생했을 때 원인은 ui.bootstrap.modal 모듈을 사용할 때 템플릿 파일에 대한 상대 참조 였습니다 .
templateUrl: 'js/templates/modal.html'
루트 도메인 ( www.example.com ) 에서 작동 하지만 경로가 추가되면 ( www.example.com/path/ ) 참조가 중단됩니다. 필자의 경우 대답은 단순히 참조를 절대적으로 만드는 것입니다 ( js / -> / js / ).
templateUrl: '/js/templates/modal.html'
