Chrome annoyingly opens the corresponding line in main.bundle.ts every time I add a breakpoint in the .ts file

Question

I am developing Angular (v4.3.5) SPA, serving it with the Angular CLI ng serve team and debugging it through the Chrome developer tools. Something strange happened last week and I can’t do anything to change it the way it used to: in Chrome Dev Tools, when I click on the line number to add a breakpoint in my .ts files, Chrome Dev Tools also opens the corresponding line in main.bundle.ts , so now every time I add a breakpoint, I need to close main.bundle.ts or click on the header of the .ts file. This is very annoying. Are there any new changes to the default settings or something else? Because I could not find anything related to this (although I do not even know how to do this in this problem ...)

So my question is: what can I do to prevent Chrome from opening main.bundle.ts every time I add a breakpoint?

EDIT: I only found out that this problem only occurs when I run ng serve from the Visual Studio Code terminal.

Answer 1

It seems like it was a Chrome bug - updating it to version 61.0.3163.79 , I solved the problem.

Answer 2

This worked for me (chromeDevTools):

Map webpack://./ before / in the project workspace