Jak debugować maszynopis w Ionic2

Question

Używam maszynopisu w moim projekcie Ionic 2. Jak debugować moje pliki maszynopisu? Próbuję bez pliku Webpack, ale to nie jest dobre rozwiązanie! Czy możesz mi pomóc?

Answer 1

Aby debugować aplikację, należy użyć słowa kluczowego debugger w kodzie, który będzie ustawić punkt przerwania

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

Sprawdź here szczegóły

Answer 2

Jeśli debugowanie wizualny jest bardziej swój styl można kasy Batarangle , Angular2 weź wtyczkę do przeglądarki Batarang.

Answer 3

Jeśli używasz WebPACK jako app Bundler, zamiast pakietu zbiorczego, spróbuj utworzyć plik w katalogu głównym twojego projektu, webpack.config.js i napisać tę zawartość:

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

W swojej maszynopis config złożyć tsconfig.json, yuo musi mieć wpis:

"sourceMap": true 

Answer 4

WebStorm/InteliJ Supports Typescript debugging. używa rozszerzenia chrome i umożliwia umieszczanie punktów przerwania w IDE. This blog post also covers it