angular - AOT & IVY更新后报错: The pipe 'async' could not be found!

Question

我最近为了升级到 AOT 合规性而从事的项目，自那以后，我遇到了 | 的问题async 管道在 HTML 中使用时。例如，我的 HTML 代码如下所示:

 <div *ngIf="(mySubscription$| async) !=null">
 //some more html code
</div>

如您所见，mySubscription$ 是一个订阅，我只是尝试使用异步管道对其执行一个简单的操作。此代码始终有效，但自 AOT 更新以来，它停止工作并抛出以下错误:

ERROR Error: Uncaught (in promise): Error: The pipe 'async' could not be found!

我浏览了多篇文章，并且已经尝试按照其他文章中的建议将 commonModule 添加到我的应用程序中，但到目前为止还没有成功。另外，我从 Angular 官方网站上看到了这个文档:https://angular.io/guide/template-typecheck但这似乎也行不通。声明可观察对象的方式，看起来像

public mySubscription$: Observable<string> = null;

同样，所有这些问题都是在启用 AOT 和 IVY 之后开始的。

现在，经过进一步调查，我认为我确信 CommonModule 在应用程序中加载的方式存在一些问题，如下所述:The pipe 'async' could not be found

但我在我的 App.Module、我的路由模块和我的功能模块中引用了 Common 模块。我还在应用程序中找到了其他组件，其中正在加载公共(public)模块并使用 | async 但听起来只有我的组件有问题。

此外，我注意到的另一件事是我的应用程序第一次加载时很好，它总是会导致模块加载出现问题。现在我不确定第一次编译和重新编译之间有什么区别，模块加载的顺序可能是什么？但在这一点上，我不确定是什么导致了它？

Answer 1

你能检查一下你的组件是否在你的 app.module.ts 中声明了吗？

这似乎与这个问题非常相似:https://fireflysemantics.medium.com/the-pipe-async-could-not-be-found-a42f8eb1b12d