Angular TS SourceMaps在Chrome调试器中不起作用

Question

在不进行任何配置更改的情况下，我无法再通过在Dev Tools中设置手动断点或通过debugger;语句来在Chrome中调试Angular TS文件。情况事实：

• 我在Development中运行Angular，不是 Production
• 我的tsconfig有"sourceMap": true
• CSS映射正常运行（见下文）
• debugger;行根本没有被击中
• 在“开发工具”设置中启用了“启用JavaScript源地图”
• 我还尝试过将本地目录添加到开发工具中，但仅映射CSS文件。

但是，奇怪的是，当我在 Safari中打开应用程序时，命中了debugger;断点，并且可以在TS文件中设置手动断点了。因此，我认为这是Chrome问题，而不是Angular配置问题。

规格=> Chrome：版本75.0.3770.142（截至本文发布时为最新）， 角度：6.1.2（项目要求，因此无法更新）

Answer 1

将所有内容写完后，我意识到问题是由于将另一个Angular项目目录加载到开发工具中引起的。自动映射正在查看该其他项目的src目录，而不是我正在处理的当前项目。

• CSS正在映射，因为另一个项目使用.scss而不是.css，所以在那里找不到匹配项
• TS调试在Safari中工作，因为尚未将其他项目添加到Safari开发工具中

如果有人知道避免这种问题继续发展的方法，请告诉我！我经常同时处理多个项目，因此最好不要在切换到新项目时删除每个项目。