設置斷點角度cli .spec.ts用於調試的代碼

Question

我使用的是angular2 cli，並且遵循這裏的測試調試指令official documentation。我可以搜索應用程序文件夾中的spec.ts源文件並設置斷點。但是，我無法爲其他文件夾中組件的測試文件執行相同的操作。測試確實運行，但我無法在chrome瀏覽器中找到源文件。我可以編輯一些配置文件嗎？我試圖手動將源文件添加到源代碼中，但這對設置斷點沒有幫助。很感謝任何形式的幫助。

Answer 1

做到這一點，看看會發生什麼：

• 在測試你找不到，加debugger;聲明
• 運行ng test
• 當噶在一個新的瀏覽器窗口中加載，點擊「調試「按鈕
• 在Chrome中打開新選項卡後立即打開開發人員工具（如果您這樣做時間較晚，請重新加載選項卡）

請參閱打開文件的「Source」devtools選項卡，並打破debugger聲明。這應該是你的問題的答案。