每当我在.ts文件中添加断点时，Chrome都会烦人地在main.bundle.ts中打开相应的行 [英] Chrome annoyingly opens a corresponding line in main.bundle.ts every time I add a breakpoint in a .ts file

问题描述

我正在开发Angular(v4.3.5)SPA，使用Angular CLI的ng serve命令为其提供服务，并通过Chrome开发者工具对其进行调试.上周开始发生一些奇怪的事情，我似乎无法采取任何措施将其更改为以前的样子:在Chrome开发工具中，当我单击行号以在我的.ts文件中添加断点时，Chrome开发工具还会在main.bundle.ts中打开相应的行，因此现在每次我添加一个断点时，我都必须关闭main.bundle.ts或单击.ts文件的标题.真烦人默认设置是否有新变化?因为我找不到与此相关的任何内容(尽管我什至不知道如何用Google搜索此问题...)

I'm developing an Angular (v4.3.5) SPA, serving it with Angular CLI's ng serve command and debugging it through Chrome Developer Tools. Last week something strange started to happen and I can't seem to do anything to change it to the way it was before: in Chrome Dev Tools, when I click on the line number to add a breakpoint in my .ts files, Chrome Dev Tools also open the corresponding line in main.bundle.ts, so now every single time I add a breakpoint I have to close main.bundle.ts or click back on the title of .ts file. It's very annoying. Is there a new change in default settings or something? Because I couldn't find anything related to that (although I'm not even sure how to google this issue...)

所以我的问题是:每次添加断点时，我该如何强制Chrome不要打开main.bundle.ts?

So my question is: what can I do to force Chrome not to open main.bundle.ts every time I add a breakpoint?

我只是发现只有当我从Visual Studio Code终端运行ng serve时，才会发生此问题.

I just found out this issue happens only when I run ng serve from Visual Studio Code terminal.

推荐答案

好像是一个Chrome错误-将其更新为版本61.0.3163.79解决了我的问题.

Looks like it was a Chrome bug - updating it to Version 61.0.3163.79 solved my problem.

这篇关于每当我在.ts文件中添加断点时，Chrome都会烦人地在main.bundle.ts中打开相应的行的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！