执行ionic cordova build android --prod --release时组件重复声明错误

这个问题的核心原因是生产构建（--prod --release）启用了Angular的AOT（提前编译）模式，它对模块声明的检查比开发模式严格得多——开发环境（ionic serve/ionic cordova run android）会宽松处理重复声明，但AOT编译会直接抛出错误。

你遇到的情况是：PdfViewerComponent已经属于第三方的PdfViewerModule（来自ng2-pdf-viewer包），但你又在自己的PdfModalPageModule里把它加到了declarations数组中，这就违反了Angular的模块规则——一个组件只能属于一个模块。

具体解决步骤： #

1. 打开你的C:/app/src/pages/document-pdf/document-pdf.module.ts文件
2. 找到@NgModule的declarations数组，把PdfViewerComponent从这个数组里彻底移除
3. 确保你已经在imports数组中导入了PdfViewerModule，而不是单独导入组件

正确的模块示例代码应该是这样的：

import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
// 导入第三方的PdfViewerModule，而不是单独的组件
import { PdfViewerModule } from 'ng2-pdf-viewer';
import { PdfModalPage } from './document-pdf.page';
// 其他必要的导入（比如Ionic的模块）

@NgModule({
  declarations: [
    PdfModalPage,
    // 这里只放你自己创建的组件/指令/管道，不要加第三方组件！
  ],
  imports: [
    CommonModule,
    PdfViewerModule, // 把第三方模块加到这里，让Angular知道这个组件属于它的模块
    // 其他模块比如IonicModule.forChild(PdfModalPage)等
  ]
})
export class PdfModalPageModule {}

这样调整后，再执行ionic cordova build android --prod --release就不会再出现重复声明的错误了。

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