在 chrome 开发工具中调试导入的 Angular 库

Posted 2023-03-07

技术标签:

【中文标题】在 chrome 开发工具中调试导入的 Angular 库【英文标题】：Debugging imported Angular library in chrome dev tools 【发布时间】：2017-09-14 12:57:49 【问题描述】：

我正在开发一个以 angular-cli 为基础的 Angular 项目。我已经在 package.json 中导入了一个库，我想在 Chrome 开发工具调试器中单步执行该库。如何使库原始打字稿源显示在开发工具中？我认为这与某些 webpack 配置有关？

【问题讨论】：

【参考方案1】：

较新版本的 CLI 具有“vendorSourceMap”选项。

ng build --vendor-source-map

见https://github.com/angular/angular-cli/wiki/build

【讨论】：

以上是关于在 chrome 开发工具中调试导入的 Angular 库的主要内容，如果未能解决你的问题，请参考以下文章