Angular 11.0.4找不到管道

// formatDate.pipe.ts
import { Pipe, PipeTransform } from '@angular/core';

@Pipe({
  name: 'formatDate'
})
export class FormatDatePipe implements PipeTransform {
  transform(value: Date, format: string = 'medium'): string {
    // 实现日期格式化逻辑
    return value.toLocaleDateString(undefined, { year: 'numeric', month: 'long', day: 'numeric' });
  }
}

// app.module.ts
import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { AppComponent } from './app.component';
import { FormatDatePipe } from './format-date.pipe';

@NgModule({
  declarations: [
    AppComponent,
    FormatDatePipe
  ],
  imports: [
    BrowserModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

<!-- app.component.html -->
<p>Formatted Date: {{ currentDate | formatDate }}</p>