我正在使用Angular CLI和VSCode,但当我运行ng test时,我的规范文件中的断点似乎都没有被击中?

我需要做一些配置吗?

推荐答案

Update for Angular version 9

源文件已移动,但如果您执行以下步骤,仍可以通过此方式进行调试

  • 在devtools中, Select sources选项卡
  • 按CTRL+P
  • 输入要调试的文件名

enter image description here

Valid for versions below 9

其他答案都是完全有效的答案,但我已经使用了大约18个月的Angular ,现在我倾向于在浏览器-Chrome工具中这样做!

运行ng test,然后运行F12,并通过webpack上下文找到规范文件.添加断点并刷新,它将命中所述断点.根据屏幕截图

enter image description here

Angular相关问答推荐

从嵌套组件导航到命名路由中的顶级路由

升级到angular 17并转换为独立的加载器拦截器后,

angular 17:app.config. server.ts中的mergeApplicationconfig导致初始化在app.config. ts中导入的提供程序

Angular前端调用ALB身份验证后的后端并重定向

使用注入的主机组件进行指令测试

从Angular 14更新到15个多边形.ts问题

带信号数据源的17角material 表

要素存储更改根存储状态

Angular KendoGrid RowReorderable,drop不适用于新添加的行

Angular-每2个流式传输多个HTTP调用

使用 Angular 类构造函数来获取依赖项

无法使用@ngrx/component-store 在其他组件中获取状态更改值

Chart.js 如何编辑标题标签 colored颜色

等待两个订阅完成而不嵌套

无法将项目从 Angular 13 更新到 14

Angular2 路由 VS ui-router-ng2 VS ngrx 路由

如何提高 Angular2 应用程序的加载性能?

如何在 Angular 2 中链接 HTTP 调用?

NPM 脚本 start退出,但未指示 Angular CLI 正在侦听请求

ngIf - 判断后表达式已更改