更新到 angular 11 后在 chrome 中的调试问题

问题描述

在我将 angular 9.1 应用程序更新为 angular 11 之后:

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

解决方法

如this/my following github issue中所述 https://github.com/angular/angular-cli/issues/20950

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

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