10

Per impostazione predefinita (e si spera non sia l'unica opzione) quando ho un file ts, Chrome mi consente solo di eseguire il debug del codice ts. Mi mostra il contenuto di entrambi i file ts e js, ma quando provo a inserire un punto di interruzione nel file js, immediatamente mi trasferisce nel file ts e individua il punto di interruzione nel posto giusto.Dire a Chrome di eseguire il debug di js piuttosto che ts

Come posso comunicare a Chrome di eseguire il debug del file js anziché di ts one?

+4

forse è possibile rimuovere i sourcemaps? I dati vengono generati automaticamente, quindi prova a disattivarli da tsconfig.json – toskv

+0

@toskv Non uso tsconfig. Sai come farlo con le opzioni della riga di comando? – Alon

+0

Si potrebbe provare a disabilitare JS sourcemaps nelle impostazioni sviluppatore di Chrome. Apri gli strumenti per sviluppatori, quindi le sue impostazioni. Dovresti vedere l'opzione "Abilita mappe sorgente JavaScript". Prova a disabilitare questo. –

risposta

12

Dato che non si ha il controllo sulle impostazioni di compilazione di TS, è possibile disabilitare tutte le mappe di origine JavaScript in Chrome.

Carica gli strumenti di sviluppo (menu Chrome> Altri strumenti> Strumenti di sviluppo), quindi carica le impostazioni dello sviluppatore (Menu Strumenti di sviluppo> Impostazioni), trova l'impostazione per "Abilita mappe sorgente JavaScript" e disattivala.

3

Se si è in modalità di sviluppo, è necessario disporre del mapping di origine tra TypeScript e il codice JavaScript transpiled. Per il debug, dovresti inserire i breakpoint sul codice TypeScript in DevTools, poiché questo è il codice in cui l'hai scritto. Ha senso eseguire il debug del codice che hai scritto.

Se si desidera eseguire il debug solo di JavaScript, eseguire l'applicazione in modalità distribuita (senza mappa di origine) e impostare il punto di interruzione sul codice JavaScript risultante.

+0

Come si esegue l'applicazione in modalità distribuita? Non ho un file tsconfig. Io uso invece le opzioni della riga di comando. – Alon

+0

@Alon Non conosco il tuo set up. Non ho nemmeno usato TypeScript, ma [Webpack] (https://webpack.github.io/) o simile può gestire le build di sviluppatori vs release. Puoi avere un file di configurazione per ciascuno. –

+0

OK, grazie. Ho votato. – Alon

Problemi correlati