角度2のタイプスクリプトソースコードへのデバッグ

Question

私はangular-cliで生成されたangular2プロジェクトを持っています。私はchrome開発ツール（実際のangular2コードではなく、自分のtypescriptコード）でangular2のtypecriptソースコードをデバッグできるようにしたい。 node_modulesの下のangular2 npmパッケージには、変換されたjavascriptファイルしか含まれていませんが、ソースマッピングが含まれています。どうすればこの作品を作れますか？どうも。

Answer 1

明らかに、これはangular_cliではまだ可能ではありません。node_modules（https://github.com/angular/angular-cli/issues/1838）のソースマップを無視するからです。

Answer 2

デバッグする場所にdebugger;を置くのはどうでしょうか？これはchrome開発ツールでブレークポイントをトリガーし、そこで作業することができます。

Answer 3

オープンクロム現像ツール（F12）。

[ソース]タブに移動します。 ctrl+pと入力します。

ドロップダウンでファイル名を検索します。

ファイルを選択し、デバッグする行にブレークポイントを追加します。

デバッグする行を呼び出すアクションを続行します。