Come eseguire il debug del dattiloscritto in Ionic2

Question

Uso il dattiloscritto nel mio progetto Ionic 2. Come eseguire il debug dei miei file dattiloscritti? Provo senza file webpack, ma non è una buona soluzione per quello !! Mi puoi aiutare?

Answer 1

Per eseguire il debug dell'applicazione, utilizzare la parola chiave debugger nel codice che consentirà di definire il punto di interruzione

function myBrokenFunction() { 
     debugger; 
     // do other stuff 
    } 

Verificare here per i dettagli

Answer 2

Se il debug visivo è più il tuo stile si potrebbe checkout Batarangle , un Angular2 assume il plugin del browser Batarang.

Answer 3

Se si utilizza webpack come Bundler app, invece di rollup, cercare di creare un file sul radice del progetto, webpack.config.js, e scrivere questo contenuto:

module.exports = { 
    devtool: 'source-map' 
} 

Nella tua configurazione dattiloscritto archiviare tsconfig.json, yuo deve avere la voce:

"sourceMap": true 

Answer 4

WebStorm/InteliJ Supports Typescript debugging. sta usando un'estensione di Chrome e ti consente di inserire i breakpoint nell'IDE. This blog post also covers it