Angular TS SourceMaps 在 Chrome 调试器中不工作
Angular TS SourceMaps Not Working In Chrome Debugger
在没有任何配置更改的情况下，我无法再通过在开发工具中设置手动断点或通过 debugger; 语句来调试 Chrome 中的 Angular TS 文件。事实情况：
- 我是运行Angular在
Development，不是Production
- 我的
tsconfig有"sourceMap": true
- CSS 地图工作正常（见下文）
debugger; 行根本没有被命中- "Enable JavaScript source maps" 在 Dev Tools 设置中启用
- 我也试过将本地目录添加到 Dev Tools，但只有 CSS 文件映射。
奇怪的是，我在Safari中打开应用程序时，debugger;断点被命中，我可以在TS文件中手动设置断点.所以这让我相信这是一个 Chrome 问题而不是 Angular 配置问题。
规格 =>
Chrome：版本 75.0.3770.142（截至 post 为止的最新版本），
Angular: 6.1.2（项目需求，所以无法更新）
全部写完后，我意识到这个问题 是由将另一个 Angular 项目目录加载到 Dev Tools 引起的。自动映射查看的是另一个项目的 src 目录，而不是我正在处理的当前项目。
- CSS 正在映射，因为另一个项目使用
.scss 而不是 .css，所以在那里找不到匹配项
- TS 调试在 Safari 中工作，因为其他项目尚未添加到 Safari Dev Tools
如果有人知道避免此问题的方法，请告诉我！我经常同时处理多个项目，所以切换到新项目时不必删除每个项目会很好。
在没有任何配置更改的情况下，我无法再通过在开发工具中设置手动断点或通过 debugger; 语句来调试 Chrome 中的 Angular TS 文件。事实情况：
- 我是运行Angular在
Development，不是Production - 我的
tsconfig有"sourceMap": true - CSS 地图工作正常（见下文）
debugger;行根本没有被命中- "Enable JavaScript source maps" 在 Dev Tools 设置中启用
- 我也试过将本地目录添加到 Dev Tools，但只有 CSS 文件映射。
奇怪的是，我在Safari中打开应用程序时，debugger;断点被命中，我可以在TS文件中手动设置断点.所以这让我相信这是一个 Chrome 问题而不是 Angular 配置问题。
全部写完后，我意识到这个问题 是由将另一个 Angular 项目目录加载到 Dev Tools 引起的。自动映射查看的是另一个项目的 src 目录，而不是我正在处理的当前项目。
- CSS 正在映射，因为另一个项目使用
.scss而不是.css，所以在那里找不到匹配项 - TS 调试在 Safari 中工作，因为其他项目尚未添加到 Safari Dev Tools
如果有人知道避免此问题的方法，请告诉我！我经常同时处理多个项目，所以切换到新项目时不必删除每个项目会很好。