Angular自定义Pipe多模块复用出现NG6007/NG6002错误如何解决？

错误原因说明 #

• NG6002报错：Angular规定imports数组仅支持引入NgModule类，直接放入管道/组件/指令类就会触发无法解析为NgModule类的错误
• NG6007报错：管道、组件、指令这类可声明对象，只能在唯一1个NgModule的declarations数组中声明，重复声明就会触发该错误

解决方案 #

方案1：共享模块（兼容所有Angular版本） #

这是最通用的处理方式，将公共可声明对象统一放到共享模块中管理：

1. 新建共享模块apps\administrator\src\app\modules\messenger\messenger-shared.module.ts，代码如下：

import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { CustomMessagePipe } from './pipes/custom-message.pipe';

@NgModule({
  declarations: [CustomMessagePipe],
  imports: [CommonModule],
  exports: [CustomMessagePipe] // 必须导出，其他引入该模块的上下文才能使用这个管道
})
export class MessengerSharedModule { }

2. 调整主模块AppModule配置：
   移除declarations数组中的CustomMessagePipe，在imports数组中引入MessengerSharedModule：

import { MessengerSharedModule } from './modules/messenger/messenger-shared.module';
...
@NgModule({
  declarations: [...],
  imports: [..., MessengerSharedModule],
  providers: [...],
})
export class AppModule {}

3. 调整两个子模块配置：
   在FormSmsModule、FormSmtpModule的imports数组中分别引入MessengerSharedModule即可，不需要再单独声明CustomMessagePipe。

方案2：独立管道（适用于Angular 14及以上版本） #

高版本Angular支持独立（standalone）可声明对象，不需要绑定到NgModule：

1. 调整CustomMessagePipe代码，新增standalone: true标记：

import { Pipe, PipeTransform } from '@angular/core';

/**
 * 布尔值自定义消息Pipe
 */
@Pipe({
  name: 'customMessage',
  standalone: true
})
export class CustomMessagePipe implements PipeTransform {
  public transform(value: boolean, trueString: string, falseString: string): string {
    //业务代码
  }
}

2. 移除所有模块declarations数组中的CustomMessagePipe，所有需要使用该管道的模块/独立组件，直接在自身的imports数组中引入CustomMessagePipe即可直接使用。

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