在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文件：//文件夹的旁边本地主机：//文件夹。认为你需要的文件是明显的网站根目录是合乎逻辑的，但它们不是。