在WebStorm中使用Angular 2調試Karma/Jasmine測試

Question

我想在WebStorm（2016.3.2）中調試我的Angular 2測試。我嘗試的第一件事就是在Chrome開發工具中執行此操作，但實際上我沒有看到源中的腳本文件能夠設置中斷點。請注意，您可以在HTML頁面中看到腳本標記，但在源中沒有任何內容。

所以，我沒有更多的挖掘，發現可以WebStorm設置爲run and debug unit tests。

測試確實運行，但WebStorm斷點從未被擊中，並且某些事情似乎對所發生的事情「關閉」。很明顯，我之前沒有使用WebStorm來運行或調試單元測試，所以我不知道正常的樣子。

我敢肯定，我只是失去了一些東西，但有這麼多陌生的技術走到一起，我不知道拉什麼的線程。

Answer 1

我編輯了我的karma配置文件以包含ts文件和映射文件。當我將它們既包括=從納克測試終端虛假和推出，Sources窗口看起來更像是這樣的：

這是我以前見過，但我感到困惑，因爲我期待看到我自己的文件。但是，如果我在該文件中搜索，我找到自己的代碼：

它仍然不停在斷點處，但它是一個開始。

當我嘗試通過Webstorm進行調試時，它仍然將Mime類型視爲video/mp2t，所以我猜測它會以某種方式干擾Karma配置文件中設置的Mime類型。

，我發現自己想知道如果在這個框架工作的開發者建立任何其他比框架，因爲動不動，好像他們已經豎立巨大的，不必要的障礙，以實際看到發生了什麼事情在你的應用程序。

更新：

它看起來這是在角CLI一bug that comes and goes。似乎今天處於「來」階段。

更新2

你可以找到的WebPack文件：//文件夾的旁邊本地主機：//文件夾。認爲你需要的文件是明顯的網站根目錄是合乎邏輯的，但它們不是。