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

128

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.

dhblah
źródło
5
Czy którakolwiek z poniższych odpowiedzi odpowiada na Twoje pytanie? Jeśli nie, czy możesz zaktualizować swoje pytanie, abyśmy mogli poprawić nasze odpowiedzi?
Dominic Zukiewicz
Możliwe duplikaty tego,
oliver-clare

Odpowiedzi:

163

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

user2779632
źródło
38
Proszę krótko wyjaśnić swoją odpowiedź, aby była bardziej użyteczna dla OP i innych czytelników.
Mohit Jain
9
To działa, ale jeśli do bootstrapu odwołuje się bezpośrednio z node_modules, po ponownej instalacji bootstrap zostanie to nadpisane z powrotem
Alexander
2
Łał! Absolutnie szalone ... to działa tylko wtedy, gdy "usuniesz" linię (tak jak powiedziałeś) ... komentowanie nadal powodowało błędy 404! Cieszę się, że natknąłem się na twój post!
flipflopmedia
120

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 :

Dominic Zukiewicz
źródło
1
Pobiera je? Skąd? Założyłem, że te pliki .less są w jakiś sposób spakowane do pliku mapy. Po załadowaniu strony bootrap odtwarza te pliki z pakietu.
dhblah
1
Z tego samego katalogu pobiera plik .js. Pamiętaj, że to tylko wtedy, gdy narzędzia programistyczne są otwarte, a nie jako normalne żądanie.
Dominic Zukiewicz
Dziękuję za odpowiedź, ale nie mam .lessplików w moim projekcie. Dodałem tylko .cssi .jspliki i ten mapplik.
dhblah
1
@Raymond: Narzędzia programistyczne nie rozumieją nazw plików, takich jak .min.css - w końcu czy możemy zagwarantować, że jest zminimalizowany? Nie ... pobierze .mapę, aby upewnić się, że są dostępne obie kopie. Ponownie, jest to włączane za pomocą narzędzi programistycznych. Jeśli zamkniesz okno narzędzi, nie będzie to wymagane.
Dominic Zukiewicz
3
Powtarzam, że plik .map jest żądany i używany tylko wtedy, gdy narzędzia deweloperskie są otwarte, więc jeśli go brakuje, nie otrzymujesz żadnych dodatkowych żądań zakończonych niepowodzeniem, gdy typowi użytkownicy przechodzą na twoją stronę.
tomf
27

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

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

Nicolás Jofré
źródło
2
Ta sama odpowiedź dwa lata później?
Panu Haaramo
Jaki jest sens dawania tej samej odpowiedzi, której udzielił ktoś inny lata temu? stackoverflow.com/a/23909455/1879699
Andreas
17

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\*"

Avinash Kancharla
źródło
Pliki map źródłowych, takie jak bootstrap.min.css.map, są generowane automatycznie podczas procesu minifikacji / kompilacji plików. W rzeczywistości nie są potrzebne do produkcji, ale jednocześnie zajmują 3 razy więcej miejsca na dysku niż te, które mapują. Dlatego nie uwzględniamy ich w wydaniu. Jeśli chcesz tylko usunąć tę wiadomość, możesz usunąć komentarze, takie jak / * # sourceMappingURL = bootstrap.min.css.map * / w bootstrap.min.css, bootstrap.min.js i popper.min.js lub pobrać źródło map pliki z wydania Bootstrap 4.1.3 i umieść je w katalogu libs.
Ajay Takur
17

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.

Shovalt
źródło
Myślę, że to mogą być najbardziej trafne odpowiedzi. Inne mają znaczenie tylko wtedy, gdy wspomniane pliki są spakowane z aplikacją - co nie zawsze ma miejsce.
Lukino
6

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ę.

Julian Mann
źródło
1
Nie działa z bowerczymś 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 */.
monteirobrena
4

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

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

Sergio Perez
źródło
1

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

Saineshwar
źródło
1

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.

SVANSKI
źródło
1

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

fw0213
źródło
1

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.

Steve
źródło
1

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

Sachin z Pune
źródło
0

Usuń ostatnią linię z pliku bootstrap.css

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

user1498608
źródło
próby wyjaśnienia problemu i jak odpowiedź dostaje rozwiązanie, jest dobrą praktyką, która umożliwia nowym użytkownikiem, aby dowiedzieć się, co się stało
Pankaj Nimgade