javascript - 在 Angular 12 中过滤 NavigationEnd 事件？

Question

在 Angular 11 中，这有效:

this.r.events.pipe(
    filter(event => event instanceof NavigationEnd),
    map((event: NavigationEnd) => event.url == ROUTES.APPLICATION))

但是在 Angular 12 中，它会产生错误:

Argument of type 'MonoTypeOperatorFunction<Event_2>' is not assignable to parameter of type 'OperatorFunction<Event_2, NavigationEnd>'.
Type 'Observable<Event_2>' is not assignable to type 'Observable'.
Type 'Event_2' is not assignable to type 'NavigationEnd'.
Property 'urlAfterRedirects' is missing in type 'RouterEvent' but required in type 'NavigationEnd'.ts(2345)

有想法该怎么解决这个吗？
This question答案是:

"paths": {
    "rxjs": [
      "node_modules/rxjs"
    ],
    "rxjs/*": [
      "node_modules/rxjs/*"
    ]
}

致 tsconfig.json .然而这并没有奏效......

Answer 1

更新:做了一个谷歌，这看起来很有希望。看起来像是我在下面提到的类型谓词的紧凑形式。 (Source)

filter((event): event is NavigationEnd => event instanceof NavigationEnd))

了解 event 的初始类型会很有帮助。 .filter(event => event instanceof NavigationEnd) 中的参数
你的 IDE 中是否安装了 TypeScript 插件？至少在 VSCode 和 Atom 中，插件可以在您编写代码时在线显示变量的类型。这将帮助您找出不匹配的位置。
如果 event => event instanceof NavigationEnd不足以阻止 TS 对下一行的类型断言 ( event: NavigationEnd ) 大喊大叫，然后可能是 type predicate有助于？