运行子进程 ionic-app-scripts 时出错

Question

我是 Ionic 3 的新手。我做了一个应用程序并尝试转换为 apk。

我正在使用以下 CLI 生成调试（或测试）android-debug.apk：

ionic cordova build android --prod

页面在声明和入口组件中声明。

这是我的 app.module.ts

@NgModule({
  declarations: [
    MyApp,
    AboutPage,
    ContactPage,
    HomePage,
    TabsPage,
    LoginPage,
    MobileScreenPage,
    OtpScreenPage,
    RegisterPage,
    ForgotPasswordPage,
    EditProfilePage,
    MemberDetailPage
  ],
  imports: [
    BrowserModule,
    HttpClientModule,
    IonicModule.forRoot(MyApp)
  ],
  bootstrap: [IonicApp],
  entryComponents: [
    MyApp,
    AboutPage,
    ContactPage,
    HomePage,
    TabsPage,
    LoginPage,
    MobileScreenPage,
    OtpScreenPage,
    RegisterPage,
    ForgotPasswordPage,
    EditProfilePage,
    MemberDetailPage
  ],
  providers: [
    StatusBar,
    SplashScreen,
    {provide: ErrorHandler, useClass: IonicErrorHandler},
    AuthServiceProvider
  ]
})
export class AppModule {}

错误：

Answer 1

您将相同的组件放在多个 ngModule 数组中。尝试将其添加到上层模块中。

如果您想在多个模块中使用相同的组件，请尝试将其设为单独的模块并在该模块中导出该组件

你的.module.ts

 declarations: [
        YourComponent,
    ],
    imports: [
        CommonModule,
        ReactiveFormsModule,
    ],
    exports: [YourComponent]

编辑：1

您不能在多个模块中注册一个组件。如果您想在多个不同的模块中使用相同的组件。尝试使该组件成为一个单独的模块并将该模块导入您想要的任何位置。在您的情况下，从应用程序模块的声明中删除 EditProfilePage 并将此行添加到您的 EditProfilePageModule 中。

EditProfilePageModule.ts

exports: [EditProfilePage]

现在在您的 app.module.ts 中导入 EditProfilePage 模块

app.module.ts

imports: [
        CommonModule,
        EditProfilePageModule,
    ],