设置断点angular cli .spec.ts代码进行调试

Question

我正在使用angular2 cli，并遵循此处official documentation的测试调试说明。我能够搜索app文件夹中的spec.ts源文件并设置断点。但是，我无法对其他文件夹中的组件的测试文件执行相同的操作。测试确实运行但我无法在chrome浏览器中找到源文件。我要编辑一些配置文件吗？我试图手动将源文件添加到chrome中的源代码，但这对设置断点没有帮助。很感谢任何形式的帮助。

Answer 1

这样做，看看会发生什么：

• 在您找不到的测试中，添加debugger;声明
• 运行ng test
• 在新浏览器窗口中加载Karma时，单击“调试”按钮
• 在Chrome中打开新标签页后立即打开开发人员工具（如果您这么做，请重新加载标签页）

请参阅对文件打开的“Source”devtools选项卡，并在debugger语句中打开。这应该是你问题的答案。