10

Używam pakietu internetowego do zbudowania mojego klienta JS z opcją devtool: 'source-map', więc mój pakiet JS kończy się na //# sourceMappingURL=app.bundle.js.map. Gdy otwieram chrome devtools, Chrome pokazuje baner "Wykryto mapę źródłową", ale w rzeczywistości nie pokazuje oryginalnych źródeł w nawigatorze. Moje dzienniki dostępu do serwera nie wyświetlają żadnych żądań dla mapy źródłowej.Chrome nie żąda mapy źródłowej JS, ale Firefox robi

Kiedy otwieram tę samą stronę za pomocą narzędzi programistycznych Firefoksa, ładuje ona mapę źródłową dokładnie zgodnie z oczekiwaniami.

Wszystkie inne aktywa ładują się bez zarzutu. Czyszczenie pamięci podręcznej przeglądarki nie pomaga.

Czy ktoś tego doświadczył? Czy to błąd przeglądarki Chrome?

+0

Po prostu mi się przydarzyło. Zamknąłem konsolę (która zakończyła przerwę/przerwę, na której byłem, ale było to dla mnie w porządku), a następnie ponownie otworzyłem konsolę, a zmapowane źródło zostało wyświetlone zgodnie z oczekiwaniami. Nie dostarczam tego jako "odpowiedzi", ponieważ nie znam przyczyny pierwotnego problemu i nie wiem, jak uzyskać zmapowane źródło do wyświetlenia bez opuszczania pauzy/punktu przerwania. –

Odpowiedz

1

Sprawdziłem to dwukrotnie na nie będzie rejestrował żadnych żądań powiązanych z sourcemap (karta/konsola sieciowa) bez względu na status odpowiedzi 200 lub 404. Oznacza to, że musisz się upewnić, że serwer WWW obsługuje plik poprawnie. W tym celu możesz po prostu otworzyć adres URL z sourcemap w przeglądarce np.

//# sourceMappingURL=sourcefile.js.map 

localhost:3000/path/to/your/sourcefile.js.map 

Alternatywnie można zmienić kompilację, aby plik sourcemap był zapisany w pliku js. Wtedy nie musisz pobierać go z serwera.

//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uI... 
Powiązane problemy