it-source

ESRI : 소스 맵을 구문 분석하지 못했습니다.

criticalcode 2023. 10. 3. 09:53
반응형

ESRI : 소스 맵을 구문 분석하지 못했습니다.

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

소스 맵을 구문 분석하지 못했습니다. http://localhost:15132/스크립트/_외부/igniteui/css/themes/infragistics/infragistics.theme.css.map

어떻게 고치죠?

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

Chrome Developer Tools Source Maps

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

이러한 설정은 여기에서 확인할 수 있습니다.

Chrome Developer Tools Source Maps

선택한 답은 오류를 감추기에 좋은 답이지만, 오류를 없애는 것이 아니라 검사관에서 볼 수 없을 뿐입니다.다른 방법으로는 누락된 맵 파일을 다운로드하여 assets/lib 디렉토리에 넣는 것입니다.를 들어,어를 요.angular-route.min.js.map파일과 저는 여기 https://code.angularjs.org/1.5.3/ 에 가서 (정확한 각도 버전으로) 누락된 파일을 다운로드했습니다.캐시 때문인지 오류가 바로 사라지지는 않았지만 브라우저의 실제 파일로 이동하면 작동했습니다.http://sitename.localhost/assets/lib/angular-route.min.js.map 이제 검사자는 소스 맵이 활성화된 상태에서도 더 이상 오류를 표시하지 않습니다.

우리가 통상적으로 최소화/압축한 CSS/JS의 소스 코드.이제 우리가 그 미니 파일들을 디버그하려면 미니 파일의 끝에 다음 행을 추가해야 합니다.

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

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

JS의 경우는 말이 됩니다.
그러나 CSS의 경우에는 실제로 SCSS의 디버깅입니다.

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

Chrome에서 단순히 소스 맵을 끄는 것 외에도 - 약간의 탐색을 해보니 소스 맵을 만들기 위해 Web Essentials를 사용하는 것이 문제인 것 같습니다.

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

누군가에게 도움이 되길 바랍니다.

도 ..htaccess설정이 않습니다다.

다시 :
phpRewriteRule !.(js|gif|jpg|png|css)$ index.php


파일을 수정해서 해결했습니다.

엔진 다시 쓰기 켜기
규칙 다시 쓰기 !.(js|gif|jpg|png|css|eot|svg|ttf|woff|woff2|map)$ index.php

cra/react-scripts용5.0.0벌레가 있는 것 같습니다.나는 그것을 창조해야만 했습니다..env파일을 작성하고 다음을 추가합니다.

GENERATE_SOURCEMAP=false

참고: 패치입니다.수정이 실행되면 라인을 제거하고 고정 패치 버전으로 업데이트할 수 있습니다.

업데이트: react-script 5.0.1은 안타깝게도 이 문제를 해결하지 못합니다.

이는 설치한 Chrome 확장으로 인해 발생할 수도 있습니다.를 들어, 광고 차단.

불행하게도 내가 찾을 수 있는 최선의 해결책은 불쾌감을 주는 확장 기능을 비활성화하는 것이었습니다.

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

templateUrl: 'js/templates/modal.html'

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

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

Google DevTools의 오류는 Google 확장의 원인이 됩니다.

  1. 브라우저에서 Google 아이콘을 클릭했습니다.
  2. 팝업 창 하단에 게스트 프로파일을 생성했습니다.
  3. 그런 다음 현지 호스트 주소와 voila를 붙여넣었습니다!!

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

Chrome 확장(Night mode 또는 다른 것)을 사용하고 있는지 확인합니다.그것을 비활성화하고 '주사기'가 사라졌는지 확인합니다.

애드블록 확장 때문에 문제가 발생한 것을 알고 애드블록 확장을 껐습니다. 문제가 해결되었습니다.

이슈: 소스 맵 404

윈도우 10 (모두 업데이트), 구글 버전 105.0.5195.102 (Official Build) (64비트)

수정은 Add Block 확장을 비활성화하는 것이었습니다.

언급URL : https://stackoverflow.com/questions/36051891/esri-failed-to-parse-source-map

반응형