angular – Chrome每次在.ts文件中添加断点时都会在main.bundle.ts中打开相应的行

前端之家收集整理的这篇文章主要介绍了angular – Chrome每次在.ts文件中添加断点时都会在main.bundle.ts中打开相应的行前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在开发一个Angular(v4.3.5)SPA,使用Angular CLI的ng服务命令并通过Chrome Developer Tools进行调试.上周发生了一些奇怪的事情,我似乎无法做任何事情来改变它以前的方式:在Chrome开发工具中,当我点击行号在我的.ts文件添加一个断点时,Chrome Dev工具也打开main.bundle.ts中的相应行,所以现在每次添加断点我都要关闭main.bundle.ts或者单击.ts文件标题.这很烦人.默认设置有什么新变化吗?因为我找不到任何相关的东西(虽然我甚至不确定如何谷歌这个问题…)

所以我的问题是:每次添加断点时,我该怎么做才能强制Chrome不要打开main.bundle.ts?

编辑:我刚刚发现这个问题只有在我从Visual Studio Code终端运行服务时才会发生.

解决方法

这对我有用(chromeDevTools):

将webpack://./映射到项目工作区中的/

enter image description here

猜你在找的Angularjs相关文章