angular - 每次我在 .ts 文件中添加断点时，Chrome 都会烦人地在 main.bundle.ts 中打开相应的行

Question

我正在开发 Angular (v4.3.5) SPA，使用 Angular CLI 的 ng serve 命令为其提供服务，并通过 Chrome 开发者工具对其进行调试。上周开始发生一些奇怪的事情，我似乎无法做任何事情来改变它之前的样子:在 Chrome 开发工具中，当我点击行号以在我的 .ts< 中添加断点时 文件，Chrome Dev Tools 也会打开 main.bundle.ts 中的相应行，所以现在每次添加断点时我都必须关闭 main.bundle.ts 或点击返回 .ts 文件的标题。这很烦人。默认设置是否有新的变化？因为我找不到与此相关的任何内容(尽管我什至不确定如何用谷歌搜索这个问题...)

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

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

Answer 1

这对我有用(chromeDevTools):

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