Angular 14报错：未找到名为‘date’的管道，请求排查错误

你的问题出在DatePipe的注册方式上：

• 错误点：你把DatePipe放到了@NgModule的imports数组中，imports数组仅用于导入Angular模块（如CommonModule、BrowserModule），而DatePipe是管道类，不属于模块，不能在这里导入。

正确解决方式 #

方式一：导入CommonModule（推荐，适配模板直接使用管道） #

date管道属于@angular/common模块下的内置管道，只要在模块的imports中导入CommonModule，就能在模板中直接使用date管道，无需单独注册DatePipe。修改app.module.ts如下：

import { CommonModule } from '@angular/common';

@NgModule({
  declarations: [
    AppComponent,
    LoginComponent
  ],
  imports: [
    CommonModule // 替换原有的DatePipe
  ],
  // 保留其他原有配置（如bootstrap等）
})
export class AppModule { }

方式二：注册到providers数组（需在组件类中注入使用时） #

如果需要在组件的TypeScript代码中注入DatePipe实例进行操作，除了导入CommonModule保证模板可用外，还要把DatePipe加到providers数组：

import { DatePipe, CommonModule } from '@angular/common';

@NgModule({
  declarations: [
    AppComponent,
    LoginComponent
  ],
  imports: [
    CommonModule
  ],
  providers: [DatePipe] // 管道类放到providers数组中
})
export class AppModule { }

内容的提问来源于stack exchange，提问作者User0777