Ionic/Angular：找不到管道“异步”

Question

当尝试访问holidayEntries$: Observable<HolidayEntry[]>html 中的可观察对象时，例如

<ion-list lines="full" *ngFor="let holiday of holidayEntries$ | async">
    <ion-label>
        <h1>{{ holiday.author }}</h1>
    </ion-label>
</ion-list>

我总是收到以下错误：

core.js：6228错误错误：未捕获（承诺中）：
错误：找不到管道“异步”！

我已经读到CommonModule可能会丢失，就像这里提到的那样，但我将其导入到相应的.module.ts文件中。

知道我做错了什么吗？

编辑： 我的模块

@NgModule({
  imports: [
    CommonModule,
    FormsModule,
    IonicModule,
    HolidaysPageRoutingModule
  ],
  declarations: [HolidaysPage]
})
export class HolidaysPageModule {}

我的组件

@Component({
  selector: 'app-tab2',
  templateUrl: './holidays.page.html',
  styleUrls: ['./holidays.page.scss'],
})
export class HolidaysPage implements OnInit {
  currentUser$: Observable<UserVM>;
  holidayEntries$: Observable<HolidayEntry[]>;

  constructor(
      private readonly appStore: Store<fromApp.State>,
      private readonly holidayStore: Store<fromHoliday.State>) {

    this.currentUser$ = appStore.select(fromAuth.selectAuthUser).pipe(
      map(user => new UserVM(user))
    );

    this.holidayEntries$ = holidayStore.select(fromHoliday.selectHolidayEntries)
  }

  loadHolidays() {
    console.log("loading holidays")
    this.holidayStore.dispatch(HolidayActions.loadHolidayRequests())
  }
}

Answer 1

如果您正在加载的路径上的组件未声明（通过声明：[]），那么您也会收到此类错误。从功能模块中删除功能组件的声明并添加到 app.module.ts （通过声明：[]）