Angular2のデバッグ

Question

Angular2を使って開発中なんですが、エラーが出たとき、ブラウザのコンソールを見ても、どのファイルの何行目にバグがあるのかわかりません。みなさんはどのようにデバッグしていますか？ ご意見募集しています。

Answer 1

エラーが出たとき、ブラウザのコンソールを見ても、どのファイルの何行目にバグがあるのかわかりません。

トランスパイル後のファイル（大きな index.js 1個とか？）ではデバッグできないということをおっしゃっているのでしょうか？
そうであれば、ソースマップを使うようにすれば良いと思います。 npm や gulp の起動オプションでデバッグ起動した時はソースマップをつけてトランスパイルし、ソースコードが変更されると自動的に再トランスパイルがかかるようにしてデバッグするのが、常套手段だと思います。

参考：Browserify を使ってみる 2 – Source Map
参考：webpackで開発時にソースマップを出したり本番用に圧縮する

Comments

[komachi]

ありがとうございます！