私はAngular 4 CLI環境でカルマ/ジャスミンを実行しています。悲しいことに、私のテストでは、以下のリンクでタイプスクリプトでデバッグすることができません：[https://angular.io/guide/testing#test-debugging][1]角型4/CLIでタイプスクリプトでデバッグ
私のプロジェクトはAngular/CLIでセットアップされていました。 Angular2から4にアップグレードされ、Windows 10コンピュータに搭載されています。
私は単純な角度の\ cliプロジェクトを持っています。イニシャルは@ angular/cli 1.0.2でプロジェクトを作成しました。 'npm run test'を実行すると、クロムブラウザが起動し、ジャスミンテストケースが実行されます。ページの一番上には大きな「DEBUG」ボタンがあります。このボタンをクリックすると、2ページ目のテストが開始されます。開発者ツール（f12）を開いて、ソースに移動すると、「webpack：//」というフォルダがあります。 webpackフォルダには "。"フォルダ。これはあなたのプロジェクトフォルダであり、ソースコードを認識する必要があります。この時点で、必要なものをデバッグすることができます。すなわち、.spec.tsまたは.tsファイルを含む。ブレークポイントを設定し、ページを更新するだけです。
私は最近、@ angular/cli 1.1.3にアップグレードしました。このとき、私のwebpackフォルダは消えました。私はこの最新バージョンでどこでデバッグするかを見つけることができませんでした。 1.0.2と1.1.3の間にwebpackフォルダがありますが、まだ見つかりませんでした。私は他のすべての最新バージョンを持っています。 4.2.4。
Iは角/ CLI 1.1.3 + @私はソース]タブのチェックの下でChromeデベロッパーツールでは、角度/ CLI @で1.0.2
*** npm test ***を実行すると、*** ng test ***が実行されます。このカルマの実装では、アプリケーションはバンドルされており、それは自分の問題/質問の根源にあるようですが、あなたもそれが真実であると分かりました。次のように –
マイNG環境がある：1.1.2＃6824、httpsのため、壊れたテストのための4.2.3 –
Sourcemaps：1.1.2 ノード：6.11.0 OS：角度/コア@のWin32 x64の 角度/ CLI @ ：//github.com/angular/angular-cli/issues/6824 –
を貼り付けることになるでデバッグする方法を見つけ出すまで、だから、どのWebPACKのフォルダがありますか？ – Sreemat
はい、karma_webpack、4つのバンドルのjavascriptファイルが含まれています。 –
ngを使用してアプリケーションを実行していますか？ – Sreemat