10

Sto usando il webpack per costruire il mio client JS con l'opzione devtool: 'source-map', quindi il mio pacchetto JS termina con //# sourceMappingURL=app.bundle.js.map. Quando apro chrome devtools, Chrome mostra un banner "Sorgente mappa rilevata" ma in realtà non mostra i sorgenti originali nel navigatore. I log di accesso al mio server non mostrano alcuna richiesta per la mappa di origine.Chrome non richiede la mappa sorgente JS, ma Firefox fa

Quando apro la stessa pagina con gli strumenti di sviluppo di Firefox, carica la mappa di origine esattamente come previsto.

Tutte le altre attività vengono caricate correttamente. Cancellare la cache del browser non aiuta.

Qualcuno ha provato questo? È un bug di Chrome?

+0

Mi è successo. Ho chiuso la console (che ha interrotto la pausa/interruzione su cui ero acceso, ma per me era tutto ok) e poi ho riaperto la console e la sorgente mappata è stata visualizzata come previsto. Non sto fornendo questo come una "Risposta" perché non conosco il motivo del problema originale e non so come far visualizzare la sorgente mappata senza lasciare la pausa/breakpoint. –

risposta

1

L'ho ricontrollato su Google Chrome v53 non registrerà alcuna richiesta relativa a sourcemap (scheda di rete/console), indipendentemente dallo stato di risposta 200 o 404. Significa che è necessario assicurarsi che il server Web stia servendo file correttamente. Per questo puoi semplicemente aprire l'URL di sourcemap nel browser, ad es.

//# sourceMappingURL=sourcefile.js.map 

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

In alternativa è possibile modificare la build in modo che la mappa del sourc sia inline nel file js. Quindi non è necessario recuperarlo dal server.

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