求助：Angular Ionic项目中单一页面使用Currency Pipe出现NG0302错误的解决方法

看起来你遇到了Angular管道识别的典型问题，报错NG0302明确说明Angular无法找到currency管道。咱们一步步拆解解决：

问题根源 #

currency是Angular的核心管道之一，在Angular 13及更早版本中，它包含在CommonModule里；但从Angular 14开始，官方把这类常用管道拆分到了单独的模块中（比如CurrencyPipeModule）。你的模块虽然导入了CommonModule，但如果项目是Angular 14+版本，仅靠这个已经不足以让Angular识别currency管道了。

解决方案 #

方案1：适配Angular 14+版本 #

你需要在页面模块中单独导入CurrencyPipeModule：

1. 在OfferBookingsPageModule顶部添加导入语句：

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

2. 将CurrencyPipeModule加入模块的imports数组：

@NgModule({
  imports: [
    CommonModule,
    FormsModule,
    IonicModule,
    OfferBookingsPageRoutingModule,
    CurrencyPipeModule // 新增这一行
  ],
  declarations: [OfferBookingsPage]
})
export class OfferBookingsPageModule {}

方案2：适配Angular 13及更早版本 #

如果是旧版本项目，检查以下细节：

• 确认CommonModule在imports数组中无拼写错误（你已经做到了）
• 排查OfferBookingsPage是否被错误声明在其他模块中（重复声明会导致模块关联异常）
• 验证页面路由是否正确绑定到了OfferBookingsPageModule

优化建议 #

如果项目多个页面都需要用currency管道，建议创建一个SharedModule，在其中导入并导出CurrencyPipeModule（或CommonModule），其他功能模块只需导入SharedModule即可，避免重复导入的冗余操作。

修改完成后重启开发服务器重新编译，currency管道应该就能正常工作了。

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