나는 최근에 bootsrap3를 가지고 놀고 있습니다. 소스에서 컴파일하고 distr js 및 css를 프로젝트에 포함했습니다. 문제는 GH 개발 도구에서 .map.css 파일을 얻으려고한다는 것입니다. 왜 그렇게하려고합니까? 비활성화하는 방법? 비활성화해야합니까? 개발 도구에 오류 표시를하지 않기 위해 해당 맵 파일을 추가 한 후 모든 스타일이 더 적은 파일에 정의 된대로 표시되므로 그다지 도움이되지 않습니다.
답변:
라인 삭제 /*# sourceMappingURL=bootstrap.css.map */에서을bootstrap.css
.map 파일을 사용하면 브라우저가 축소 된 JS의 전체 버전을 다운로드 할 수 있습니다. 실제로 디버깅 목적입니다.
실제로 .map 누락은 문제가되지 않습니다. 브라우저가 개발자 도구를 열고 축소 된 파일을 감지하고 JS 디버깅이 가능한 한 좋지 않다는 것을 알려주기 때문에 누락되었음을 알 수 있습니다.
이것이 jQuery와 같은 라이브러리에 전체, 축소 및 맵 파일이있는 이유입니다.
.map 파일에 대한 전체 설명은 이 문서 를 참조하십시오 .
.less. 내 프로젝트에 파일 이 없습니다 . 난 단지 추가 .css하고 .js파일과 그 map파일을.
라인 제거 /*# sourceMappingURL=bootstrap.css.map */에bootstrap.css
오류가 지속되면 브라우저 캐시를 정리합니다 (CTRL + F5).
"/*# sourceMappingURL=bootstrap.min.css.map */ "다음 파일 에서 행 을 삭제하십시오 .
Linux에서 파일 경로를 가져 오려면 다음 명령을 사용하십시오. find / -name "\*bootstrap\*"
올바른 .map 파일이없고 bootstrap.css의 행을 편집하지 않으려면 더미 .map 파일을 만들 수 있습니다.
제 경우에는 오류가 발생했습니다.
GET /bootstrap.css.map not found.그래서 / public 디렉토리에 빈 bootstrap.css.map을 만들었고 오류가 중지되었습니다.
bower프로덕션 모드에서는 소스에서 부트 스트랩을 설치하기 때문에 작동하지 않습니다 . 줄을 제거하라는 모든 답변과 동일합니다 /*# sourceMappingURL=bootstrap.css.map */.
bootstrap.css에서 마지막 줄 제거 / * # sourceMappingURL = bootstrap-theme.css.map * /
Google Dev-Tools에도 경고가 표시되었으며 bootstrap.min.css가있는 동일한 폴더에 bootstrap.min.css.map 파일 만 추가했습니다.
이제 더 이상 경고가 없으며 여기에서 더 많은 설명을 찾을 수 있습니다. https://github.com/twbs/bootstrap#whats-included
나는 당신의 질문에 대답하기를 바랍니다.
좋아 최근에 나는이 문제를 해결하기위한 매우 간단한 해결책이 있습니다. 다음 단계를 따르십시오.
이 디렉토리로 이동 src-> app-> index.html index.html을 열고
<base href="your app name ">이것을 다음으로 변경하십시오.<base href="https://stackoverflow.com/">
bootstrap.css에서 마지막 줄 삭제
다음 줄 / * # sourceMappingURL = bootstrap.css.map * /