Bootstrap próbuje załadować plik mapy. Jak to wyłączyć? Czy muszę to zrobić?

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.

Usuń linię /*# sourceMappingURL=bootstrap.css.map */zbootstrap.css

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 :

Usuń linię /*# sourceMappingURL=bootstrap.css.map */wbootstrap.css

Jeśli błąd będzie się powtarzał, wyczyść pamięć podręczną przeglądarki (CTRL + F5).

Usuń linię "/*# sourceMappingURL=bootstrap.min.css.map */ "w następujących plikach.

• css / bootstrap.min.css
• css / bootstrap.css

Aby pobrać ścieżkę pliku w systemie Linux, użyj polecenia find / -name "\*bootstrap\*"

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.

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:

GET /bootstrap.css.map not found.

Utworzyłem więc pusty plik bootstrap.css.map w katalogu / public i błąd zatrzymał się.

Usuń / * # sourceMappingURL = bootstrap.min.css.map * / in css / bootstrap.min.css

i usuń / * # sourceMappingURL = bootstrap.css.map * / in css / bootstrap.css

Z bootstrap.css usuń usuń ostatnią linię / * # sourceMappingURL = bootstrap-theme.css.map * /

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.

Dla mnie utworzyłem pustą bootstrap.css.map razem z bootstrap.css i błąd zatrzymał się.

Usunięcie tego wiersza rozwiązuje problem, ale problem polega na tym, że pliki boostrap są zapisane bower_componentsi 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.

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/">

Usuń ostatnią linię z pliku bootstrap.css

następujący lin / * # sourceMappingURL = bootstrap.css.map * /