10

Ich verwende Webpack, um meinen Client JS mit der Option devtool: 'source-map' zu bauen, so endet mein JS-Bundle in //# sourceMappingURL=app.bundle.js.map. Wenn ich Chrom-Devtools öffne, zeigt Chrome ein "Source Map Detected" -Banner an, zeigt aber nicht die Originalquellen im Navigator an. Meine Serverzugriffsprotokolle zeigen keine Anforderungen für die Quellzuordnung.Chrome nicht JS-Quellkarte anfordern, aber Firefox macht

Wenn ich dieselbe Seite mit den Firefox-Entwicklungstools öffne, wird die Quellkarte genau wie erwartet geladen.

Alle anderen Assets werden ordnungsgemäß geladen. Das Löschen meines Browsercaches hilft nicht.

Hat jemand das erlebt? Ist das ein Chrome-Bug?

+0

Nur passiert mit mir. Ich schloss meine Konsole (wodurch die Pause beendet wurde, aber das war in Ordnung für mich) und öffnete dann meine Konsole wieder und die zugeordnete Quelle wurde wie erwartet angezeigt. Ich stelle das nicht als "Antwort" zur Verfügung, weil ich den Grund für das ursprüngliche Problem nicht kenne und ich nicht weiß, wie die abgebildete Quelle angezeigt werden kann, ohne die Pause/den Haltepunkt zu verlassen. –

Antwort

1

Ich habe es unter Google Chrome v53 überprüft, es protokolliert keine quellkartenbezogenen Anfragen (Registerkarte Netzwerk/Konsole), egal was der Antwortstatus 200 oder 404 war. Es bedeutet, dass Sie sicherstellen müssen, dass Ihr Webserver dient Datei richtig. Dazu können Sie einfach Quellkarte URL im Browser z.

//# sourceMappingURL=sourcefile.js.map 

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

Als Alternative können Sie Ihren Build ändern, so dass sourcemap in js Datei inlined wird. Dann müssen Sie es nicht vom Server holen.

//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uI...