Ostatnio bawię się bootrap3. Skompilowałem go ze źródeł i dołączyłem do projektu distr js i css. Rzecz w tym, że widzę w narzędziach programistycznych GH, że próbuje uzyskać plik .map.css. Dlaczego chce to zrobić? Jak to wyłączyć? Czy muszę to wyłączyć? Aby nie mieć znaku błędu w narzędziach programistycznych, dodałem ten plik mapy, po czym wszystkie style są wyświetlane tak, jak zdefiniowano w less plików, co nie pomaga mi zbytnio.
128
Odpowiedzi:
Usuń linię
/*# sourceMappingURL=bootstrap.css.map */
zbootstrap.css
źródło
Pliki .map umożliwiają przeglądarce pobranie pełnej wersji zminimalizowanego JS. To jest naprawdę do celów debugowania.
W efekcie brak pliku .map nie stanowi problemu. Wiesz tylko, że go brakuje, ponieważ przeglądarka otworzyła swoje narzędzia programistyczne, wykryła zminimalizowany plik i po prostu informuje, że debugowanie JS nie będzie tak dobre, jak mogłoby być.
Właśnie dlatego biblioteki takie jak jQuery mają również pełny, zminimalizowany plik mapy i plik mapy.
Zobacz ten artykuł, aby uzyskać pełne wyjaśnienie plików .map :
źródło
.less
plików w moim projekcie. Dodałem tylko.css
i.js
pliki i tenmap
plik.Usuń linię
/*# sourceMappingURL=bootstrap.css.map */
wbootstrap.css
Jeśli błąd będzie się powtarzał, wyczyść pamięć podręczną przeglądarki (CTRL + F5).
źródło
Usuń linię
"/*# sourceMappingURL=bootstrap.min.css.map */ "
w następujących plikach.Aby pobrać ścieżkę pliku w systemie Linux, użyj polecenia
find / -name "\*bootstrap\*"
źródło
Dzieje się tak tylko wtedy, gdy używasz narzędzi deweloperskich i nie będzie miało miejsca dla zwykłych użytkowników uzyskujących dostęp do serwera produkcyjnego.
W każdym razie uznałem za przydatne wyłączenie tego zachowania w narzędziach programistycznych : otwórz ustawienia i odznacz opcję „Włącz mapy źródłowe”.
Nie będzie już próby uzyskania dostępu do plików map.
źródło
Jeśli nie masz poprawnego pliku .map i nie chcesz edytować wierszy w pliku bootstrap.css, możesz utworzyć fałszywy plik .map.
W moim przypadku widziałem błąd:
Utworzyłem więc pusty plik bootstrap.css.map w katalogu / public i błąd zatrzymał się.
źródło
bower
czymś takim, ponieważ w trybie produkcyjnym zainstaluje bootstrap ze źródła. To samo dotyczy każdej odpowiedzi, która mówi o usunięciu linii/*# sourceMappingURL=bootstrap.css.map */
.Usuń / * # sourceMappingURL = bootstrap.min.css.map * / in css / bootstrap.min.css
i usuń / * # sourceMappingURL = bootstrap.css.map * / in css / bootstrap.css
źródło
Z bootstrap.css usuń usuń ostatnią linię / * # sourceMappingURL = bootstrap-theme.css.map * /
źródło
Miałem również ostrzeżenia w Google Dev-Tools i dodałem tylko plik bootstrap.min.css.map w tym samym folderze, w którym znajduje się bootstrap.min.css.
Nie mam teraz żadnych ostrzeżeń i możesz znaleźć więcej wyjaśnień tutaj: https://github.com/twbs/bootstrap#whats-included
Mam nadzieję, że odpowiedziałem na Twoje pytanie.
źródło
Dla mnie utworzyłem pustą bootstrap.css.map razem z bootstrap.css i błąd zatrzymał się.
źródło
Usunięcie tego wiersza rozwiązuje problem, ale problem polega na tym, że pliki boostrap są zapisane
bower_components
i nie są wpisane do kontroli źródła.Tak więc każdy programista w zespole otrzyma plik css z odniesieniem do mapy, gdy ściągnie repozytorium i zrobi to
bower install
(co jest częścią korzystania z nowego repozytorium).Plik nie powinien zawierać odniesienia do mapy, której nie ma.
źródło
Dobrze Ostatnio napotkałem ten problem Mam bardzo proste rozwiązanie tego problemu, wykonaj następujące kroki: przejdź do tych katalogów src-> app-> index.html otwórz index.html i znajdź
<base href="your app name ">
zmianę na<base href="https://stackoverflow.com/">
źródło
Usuń ostatnią linię z pliku bootstrap.css
następujący lin / * # sourceMappingURL = bootstrap.css.map * /
źródło