我正在使用angular2-cli构建项目。当我运行测试时,业力会激活我的Chrome浏览器。我单击右上角的调试按钮,然后打开控制台。
如何在正在测试的文件中设置断点?我知道如何在测试文件中设置断点,但它并没有真正帮助我,因为我已经陷入无休止的茉莉花功能和方法。
假设测试调用我的组件上的方法。是否可以设置断点,在测试运行时直接将我带到组件?
答案 0 :(得分:0)
好的,所以我想出了如何解决它。
我无法在非测试代码中设置任何断点,因为源代码地图代码仅适用于测试文件。
我的问题是此issue on github的副本, 已在this commit中关闭。
提交已在 angular-cli 1.0.0-beta.19.3中合并为master。
因此,为了在运行测试时允许对源代码进行debbuging,您需要执行以下操作:
npm uninstall angular-cli
npm cache clean
npm install angular-cli@1.0.0-beta.19.3
运行ng -v
以确认您使用的是1.0.0-beta.19.3。 (在您正在进行的当前angular-cli项目之外进行,或者它将显示为本地版本)
更新当前项目的package.json以使用新安装的cli:
"devDependencies": {
"angular-cli": "^1.0.0-beta.19-3",
}
npm update --save-dev
ng test
- 快乐调试!