WebStormで角度2のカルマ/ジャスミンテストをデバッグする

Question

WebStorm（2016.3.2）でAngular 2テストをデバッグしようとしています。私が試した最初のことは、Chrome Devツールで行うことでしたが、実際には、ソースでスクリプトファイルが表示されず、ブレークポイントを設定できませんでした。 HTMLページにはスクリプトタグが表示されていますが、ソースには何もありません。

だから私は、もう少し掘りを行なったし、あなたがrun and debug unit testsにWebStormを設定することができました。

テストは実行されますが、WebStormブレークポイントは決してヒットせず、何が起きているかについて「オフ」であるように見えます。明らかに、ユニットテストを実行またはデバッグする前にWebStormを使用していないため、どのような正常性があるか分かりません。

私はちょうど何かが欠けてると確信しているが、非常に多くの不慣れな技術が一緒に来て、私が引っ張って何スレッドわかりません。

Answer 1

カルマ設定ファイルを編集してtsファイルとマップファイルを追加しました。

これは私が以前見ていたものですが、私が見たいと思っていたので私は混乱していました。自分のファイル。ただし、そのファイルを検索すると、私自身のコードが見つかります。

まだブレークポイントで停止しませんが、開始です。

Webstormでデバッグしようとすると、Mimeタイプがvideo/mp2tとして表示されているので、カルマコンフィギュレーションファイルに設定されているMimeタイプで何とか干渉していると推測しています。

私はこのフレームワークに取り組んで開発者がフレームワーク以外の何を構築する場合に、すべての彼らは実際にあなたのアプリで何が起こっているのか見に巨大な、不必要な障壁を立ててきたようにそれはそう回すので、私自身は、不思議見つけます。

更新：

これは角度-CLIでbug that comes and goesであるように見えます。今日は "来る"段階にあるようです。

アップデート2

あなたはWebPACKの内のファイルを見つけることができます：ローカルホストの横にある//フォルダ：//フォルダを。必要なファイルは明白なサイトのルートにあると思うのは論理的ですが、そうではありません。