2016-03-17 21 views

Odpowiedz

127

Chrome ostatnio dodał obsługę map źródłowych w narzędziach programistycznych. Jeśli pójdziesz w ustawieniach na pasku narzędzi chrom dewelopera można zobaczyć następujące dwie opcje:

Chrome Developer Tools Source Maps

Jeśli wyłączysz te dwie opcje, a następnie odśwież przeglądarkę, powinien on już nie prosić o mapach źródłowych.

+17

co za głupia "funkcja". Powinno to po prostu załadować sourcemaps, kiedy będą dostępne. – ProblemsOfSumit

+3

Dwie sekcje od tego ekranu w sekcji Wygląd to opcja Motyw. Wybrałem motyw Ciemności. – Steropes

+0

Potrzebuję map źródłowych, ale jest jedna mapa, która nie jest dostępna dla mnie. Czai się na forach Meteor wskazuje, że Chrome stał się bardziej atrakcyjny pod względem zawartości (niektóre nazwy lub nieoczekiwany format). Po prostu muszę zignorować ten błąd. – Turbo

13

Co więcej, po prostu wyłączając Mapy źródeł w Chrome - zrobiłem małe kopanie i okazało się, że problemem jest używanie Web Essentials do tworzenia map źródłowych.

Z dowolnego powodu, jeśli używam zewnętrznego kompilatora (Koala), mogę z powodzeniem tworzyć mapy źródeł roboczych w Chrome (bez błędów). Natomiast jeśli używam Web Essentials, mapy źródłowe nie będą analizowane.

Mam nadzieję, że to komuś pomaga.

+2

Czy znalazłeś jakieś słowo od zespołu Web Essentials na ten temat ? Myślę, że mamy ten sam problem. – jtheis

+2

Niestety nie mogę znaleźć nic na ten temat - jestem w trakcie dociekania! – Vicky

+1

Poprawkę związaną z Web Essentials można znaleźć tutaj: [Google Chrome "Nie udało się parsować SourceMap": css.map (Web Essential)] (http://stackoverflow.com/questions/36133715/google-chrome-failed-parsing- sourcemap-css-map-web-essential) – chteuchteu

7

Podczas gdy wybrana odpowiedź jest dobrą odpowiedzią na ukrycie błędu, nie powoduje to zniknięcia błędu, po prostu nie można go zobaczyć w inspektorze. Innym sposobem byłoby pobranie brakującego pliku mapy i umieszczenie go w katalogu assets/lib. Tak więc, na przykład, brakowało mi pliku angular-route.min.js.map i poszedłem tutaj https://code.angularjs.org/1.5.3/ (do poprawnej wersji kątowej) i pobrałem brakujący plik. Błąd nie zniknął od razu, prawdopodobnie z powodu buforowania, ale kiedy poszedłem do rzeczywistego pliku w przeglądarce, zadziałało. http://sitename.localhost/assets/lib/angular-route.min.js.map. Teraz inspektor nie wyświetla już błędu nawet przy włączonych mapach źródłowych.

+2

Podczas gdy mapy źródłowe doskonale nadają się do pracy ze zminimalizowanymi plikami javascript, pojawia się ten komunikat o błędzie i uniemożliwia normalne debugowanie, nawet jeśli nie potrzebujesz/chcesz korzystać z map źródłowych. Masz rację, że dodanie mapy źródłowej naprawiłoby problem, ale jeśli go nie masz, będziesz chciał wyłączyć tę opcję, aby umożliwić normalne debugowanie. – Steropes

+1

Było to pomocne dla mnie, ponieważ próbowałem skonfigurować Backendless.min.js i widziałem 'Nie udało się parsować SourceMap' w konsoli Chrome. Kiedy przełączyłem się na użycie nieskompresowanego Backendless.js (bez '.min'), nie dostałem błędu. Domyślam się, że mapy źródłowe nie mają sensu, gdy używam minified javascript? Sądzę, że mógłbym spróbować skonfigurować moje lokalne środowisko deweloperskie, aby korzystało z nieskompresowanych map źródłowych JS +, a jedynie środowisko produkcyjne używa skompresowanego JS. – Ryan

1

Kiedy miałem ten problem, przyczyną było względne odwołanie do plików szablonu podczas korzystania z modułu ui.bootstrap.modal.

templateUrl: 'js/templates/modal.html'

Działa z domeny głównej (www.example.com), ale gdy jest dodawany ścieżka (www.example.com/path/) przerw odniesienia. Odpowiedź w moim przypadku była po prostu na uczynienie odniesienia absolutnego (js/ ->/js/).

templateUrl: '/js/templates/modal.html'

+0

Sprawdź to [URL] (http://stackoverflow.com/help) przydatne będzie podniesienie jakości Twoich treści o –

+8

Dzięki, Willie, przeczytałem wytyczne. Czy uważasz, że coś było nie tak z moją odpowiedzią? – robstarbuck

4

miałem ten sam problem, ponieważ .htaccess ma nieprawidłowe ustawienia:

RewriteEngine na
RewriteRule (js | gif | jpg | png | css) indeks $!..php


Rozwiązałem to przez modyfikację pliku!.

RewriteEngine na
RewriteRule (js | gif | jpg | png | css | EOT | SVG | ttf | WOFF | woff2 | mapa) $ index.php