更新到 Angular 11 后在 chrome 中调试问题答案

【问题标题】：Problem debugging in chrome after updating to angular 11更新到 Angular 11 后在 chrome 中调试问题
【发布时间】：2021-08-07 08:14:25
【问题描述】：

在我将 Angular 9.1 应用程序更新为 Angular 11 之后：

在其中一个库中进行调试时，chrome 不会在我的断点处停止。可以像以前一样调试其他库和应用程序。
在有问题的库中，我也不能在 if/for 语句上设置断点（这些语句上的断点会自动转到文件末尾）。如果我在 es2015.js 文件中放置断点，chrome 会将断点放在 ts 文件中的正确位置，但它仍然没有被命中。
我首先使用 ng update 从 angular 9.1 升级到 angular 10，然后从 angular 10 升级到 angular 11。我已经尝试将有问题的库与其他库进行比较，并尝试更改库定义，但没有任何帮助。提前感谢您的任何想法

【问题讨论】：

【解决方案1】：

正如在这个/我的以下 github 问题中提到的 https://github.com/angular/angular-cli/issues/20950

我们的库中有不正确的导入。导入来自 'import { xyz } from projects/src/...' 而不是 'import { xyz } from @lib/name'

使用正则表达式找到它们：^import([a-zA-Z\{\} ]*)'projects

【讨论】：