为了调试我的angular前端,我在Chrome和sources选项卡中打开dev工具,通过点击所有文件夹导航到ts文件,当我找到ts文件时,我设置一个断点.然后继续使用应用程序,然后开始调试.

虽然这是可行的,但深入查看文件夹是很耗时的...并查找ts文件.随着项目的发展,我发现它变得更加耗时.

我还必须记住哪个TS文件与哪个页面关联.

有人知道是否可以直接从页面转到ts文件吗?

我希望能够右键单击并 Select 一个菜单项,直接转到ts文件,就像Inspect处理HTML文件一样.

任何建议都应该考虑到这个项目是相当大的.

有没有人知道如何避免深入文件夹查找ts文件和设置断点的技巧.如何以更快、高效的方式实现这一点?

非常感谢,

推荐答案

步骤:

  1. 打开Chrome的开发者工具F12.
  2. 在Chrome Dev Tools中按Ctrl+P,搜索并打开TS文件.

此外,还可以从代码中复制文件名

这是最好的方法.

Typescript相关问答推荐

"@ clerker/nextjs/server没有名为clerkMiddleware的导入成员'

Typescript:将内部函数参数推断为子对象键的类型

如何根据数据类型动态注入组件?

在Angular中注入多个BrowserModules,但在我的代码中只有一个

contextPaneTitleText类型的参数不能分配给remoteconfig类型的关键参数'""'''

迁移到Reaction路由V6时,获取模块Reaction-Router-Dom';没有导出的成员RouteComponentProps错误

如何编写一个类型脚本函数,将一个对象映射(转换)为另一个对象并推断返回类型?

返回具有递归属性的泛型类型的泛型函数

诡异的文字类型--S为物语的关键

用于验证字符串变量的接口成员

如何在深度嵌套的Reaction路由对象中隐藏父级?

按函数名的类型安全类型脚本方法包装帮助器

通过泛型函数本身推断受约束的泛型参数的类型脚本问题

(TypeScript)TypeError:无法读取未定义的属性(正在读取映射)"

编译TypeScrip项目的一部分导致错误

如何在Nextjs路由处理程序中指定响应正文的类型

基于参数的 TS 返回类型

带有过滤键的 Typescript 映射类型

为什么 TypeScript 类型条件会影响其分支的结果?

在Typescript 中,是否有一种方法来定义一个类型,其中该类型是字符串子集的所有可能组合?