angular.min.js.map nie znaleziono, co to dokładnie jest?


322

Gdy ładuję stronę i sprawdzam konsolę Chrome, znajduję te błędy: wprowadź opis zdjęcia tutaj

czym dokładnie są pliki map w kątach?

Odniosłem się do angular.min.js, ale nie do angular.min.js.map. Nawiasem mówiąc, używam kątowego wydania 1.2 rc i właśnie zacząłem widzieć te błędy, kiedy przełączyłem się na to wydanie.

ERRORS:
GET http://localhost:44786/Scripts/angular-route.min.js.map 404 (Not Found)       :44786/Scripts/angular-route.min.js.map:1
GET http://localhost:44786/Scripts/angular-animate.min.js.map 404 (Not Found) :44786/Scripts/angular-animate.min.js.map:1
GET http://localhost:44786/Scripts/angular-resource.min.js.map 404 (Not Found) :44786/Scripts/angular-resource.min.js.map:1
GET http://localhost:44786/Scripts/angular.min.js.map 404 (Not Found) :44786/Scripts/angular.min.js.map:1

6
Nie mogę odczytać twojego obrazu, ale znalazłem to: html5rocks.com/en/tutorials/developertools/sourcemaps
ninMonkey

1
ah .. więc wydaje się, że to nie jest kanciasty ekskluzywne wydarzenie ... pozwól mi najpierw przeczytać .. dziękuję bardzo
raberana

1
hej małpko, czy możesz odpowiedzieć na pytanie ... masz rację ..
raberana

Odpowiedzi:


385

Jak powiedzieli eaon21 i monkey, pliki map źródłowych zasadniczo zamieniają zminimalizowany kod w jego nieuprawnioną wersję do debugowania.

Możesz znaleźć pliki .map tutaj . Po prostu dodaj je do tego samego katalogu, co zminimalizowane pliki js, a przestanie narzekać. Powodem, dla którego zostali pobrani, jest

/*
//@ sourceMappingURL=angular.min.js.map
*/

na końcu angular.min.js. Jeśli nie chcesz dodawać plików .map, możesz usunąć te linie, a to zatrzyma próbę pobrania, ale jeśli planujesz debugowanie, zawsze dobrze jest połączyć mapy źródłowe.


58
Nie musisz usuwać wierszy, ponieważ pliki .map są pobierane tylko przy otwartej konsoli programisty :)
NicoJuicy

4
To prawda, ale pierwotne pytanie dotyczyło w szczególności błędów pojawiających się w narzędziach programistycznych. Również nigdy nie jest złą rzeczą redukowanie niepotrzebnych 404s w logach serwera.
Jussi Kosunen

1
Według mnie nie chodzi o dzienniki serwera, ale o błędy Chrome, które otrzymuje. Muszę przyznać, że wygeneruje dzienniki serwera, a wasz komentarz jest poprawny;)
NicoJuicy

Jeśli masz wiele plików, takich jak bootstrap.css, angular-messages.min.js, angular-route.min.js itp., Nawet te pliki będą zawierały takie pliki sourceMappingURLna końcu każdego z tych plików. Usunięcie tego wiersza w każdym z tych plików pozwoli pozbyć się nieznośnych komunikatów o błędach w konsoli programisty.
Devner,

1
W przeglądarce Safari te problemy z obudową JS Error: [Błąd] Nie udało się załadować zasobu: serwer odpowiedział statusem 404 (Nie znaleziono) (angular.min.js.map, linia 0). dzięki za udostępnienie linków do plików.
Sinto

105

Małpa ma rację, zgodnie z linkiem podanym przez małpę

Zasadniczo jest to sposób na mapowanie połączonego / zminimalizowanego pliku z powrotem do stanu niezbudowanego. Podczas kompilacji do produkcji, wraz z minimalizowaniem i łączeniem plików JavaScript, generujesz mapę źródłową, która zawiera informacje o twoich oryginalnych plikach. Gdy przeszukujesz określony numer wiersza i kolumny w wygenerowanym JavaScript, możesz wyszukać w mapie źródłowej, która zwraca pierwotną lokalizację.

Nie jestem pewien, czy to z winy Angulara nie wygenerowano żadnych plików map. Możesz jednak wyłączyć źródłowe pliki map, usuwając zaznaczenie tej opcji w ustawieniach konsoli Chrome

wprowadź opis zdjęcia tutaj


13
+1 za ustawienie konsoli Chrome; znacznie lepsze niż edytowanie źródła lub pobieranie niepotrzebnych plików map.
Jeremy Ferguson

4
+1 za to ponad rok później. Brawo. Jaka była tajemnica tego ustawienia!
bob.mazzo

1
W chromie otwórz okno dialogowe ustawień przez: Naciśnij F12, aby otworzyć Developer Tools> Kliknij przycisk Ustawienia w prawym górnym roguDeveloper Tools
czwartek,

Czy istnieje podobne ustawienie dla safari?
user1872384,
Korzystając z naszej strony potwierdzasz, że przeczytałeś(-aś) i rozumiesz nasze zasady używania plików cookie i zasady ochrony prywatności.
Licensed under cc by-sa 3.0 with attribution required.