生产构建中的 Angular 和 Ionic 应用程序问题

Question

ERROR in : Type PopoverReportsPage in /home/dhwani/New Clone/metricool/src/app/pages/popover-reports/popover-reports.page.ts 是 2 个模块声明的一部分：/home/dhwani/New 中的 PopoverReportsPageModule Clone/metricool/src/app/pages/popover-reports/popover-reports.module.ts 和 /home/dhwani/New Clone/metricool/src/app/app.module.ts 中的 AppModule！ 请考虑将 /home/dhwani/New Clone/metricool/src/app/pages/popover-reports/popover-reports.page.ts 中的 PopoverReportsPage 移至更高的模块，该模块在 /home/dhwani/New Clone/metricool/ 中导入 PopoverReportsPageModule src/app/pages/popover-reports/popover-reports.module.ts 和 /home/dhwani/New Clone/metricool/src/app/app.module.ts 中的 AppModule。 您还可以创建一个新的 NgModule，在 /home/dhwani/New Clone/metricool/src/app/pages/popover-reports/popover-reports.page.ts 中导出并包含 PopoverReportsPage，然后在 /home/ 中的 PopoverReportsPageModule 中导入该 NgModule dhwani/New Clone/metricool/src/app/pages/popover-reports/popover-reports.module.ts 和 /home/dhwani/New Clone/metricool/src/app/app.module.ts 中的 AppModule。 : 在 /home/dhwani/New Clone/metricool/src/app/pages/profiles/profiles.page.ts 中输入 ProfileShowPage 是 2 个模块声明的一部分： /home/dhwani/New Clone/metricool/src/ 中的 AppModule /home/dhwani/New Clone/metricool/src/app/pages/profiles/profiles.module.ts 中的 app/app.module.ts 和 ProfilesPageModule！ 请考虑将 /home/dhwani/New Clone/metricool/src/app/pages/profiles/profiles.page.ts 中的 ProfileShowPage 移至更高的模块，该模块在 /home/dhwani/New Clone/metricool/src/app/ 中导入 AppModule /home/dhwani/New Clone/metricool/src/app/pages/profiles/profiles.module.ts 中的 app.module.ts 和 ProfilesPageModule。 您还可以创建一个新的 NgModule，在 /home/dhwani/New Clone/metricool/src/app/pages/profiles/profiles.page.ts 中导出并包含 ProfileShowPage，然后在 /home/dhwani/New Clone 的 AppModule 中导入该 NgModule /home/dhwani/New Clone/metricool/src/app/pages/profiles/profiles.module.ts 中的 /metricool/src/app/app.module.ts 和 ProfilesPageModule。 src/app/pages/connections-page/connections-page.page.html(219,79):: : 预期 0 个参数，但得到 1 个。

应用模块.ts

import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { RouteReuseStrategy } from '@angular/router';

import { TranslateLoader, TranslateModule } from '@ngx-translate/core';
import { TranslateHttpLoader } from '@ngx-translate/http-loader';
import { FileTransfer } from '@ionic-native/file-transfer/ngx';
import { FileOpener } from '@ionic-native/file-opener/ngx';
import { IonicModule, IonicRouteStrategy, NavParams } from '@ionic/angular';
import { SplashScreen } from '@ionic-native/splash-screen/ngx';
import { StatusBar } from '@ionic-native/status-bar/ngx';
import { Instagram } from "@ionic-native/instagram/ngx";
import { AppComponent } from './app.component';
import { AppRoutingModule } from './app-routing.module';
import { LayoutComponent } from './components/layout/layout.component';
import { HttpClient, HttpClientModule } from '@angular/common/http';
import { AngularFireModule } from '@angular/fire';
import { AngularFirestoreModule } from '@angular/fire/firestore';
import {File} from '@ionic-native/file/ngx'
import { PhotoLibrary } from "@ionic-native/photo-library/ngx";
import { AppAvailability } from "@ionic-native/app-availability/ngx";
// import { Firebase } from "@ionic-native/firebase/ngx";
import { FirebaseX } from "@ionic-native/firebase-x/ngx";
import { UniqueDeviceID } from '@ionic-native/unique-device-id/ngx';
import { Device } from '@ionic-native/device/ngx';
import { TwitterConnect } from '@ionic-native/twitter-connect/ngx';
import { Facebook } from '@ionic-native/facebook/ngx';
import { WelcomePage } from './pages/welcome/welcome.page';
import { CommonModule } from '@angular/common';
import { FormsModule, ReactiveFormsModule } from '@angular/forms';
import { InAppBrowser } from '@ionic-native/in-app-browser/ngx';
import { DeleteAccountModalPage } from './pages/delete-account-modal/delete-account-modal.page';
import { PopoverDatePage } from './pages/popover-date/popover-date.page';
import { Splash } from "./pages/splash/splash.component";
import { PopoverReportsPage } from './pages/popover-reports/popover-reports.page';
import { Globalization } from '@ionic-native/globalization/ngx';
import { ProfileShowPage } from './pages/profiles/profiles.page';
import { CreateNewPostPage } from './pages/create-new-post/create-new-post.page';
import { PopoverReportsPageModule } from './pages/popover-reports/popover-reports.module';

export const firebaseConfig = {
  apiKey: "AIzaSyDDVrXtXhTO60cYivkRwaU5XoM0CnrMyOI",
  authDomain: "metricool-cc74e.firebaseapp.com",
  databaseURL: "https://metricool-cc74e.firebaseio.com",
  projectId: "metricool-cc74e",
  storageBucket: "metricool-cc74e.appspot.com",
  messagingSenderId: "352613795929"
};

@NgModule({
  declarations: [
    AppComponent,
    LayoutComponent,
    WelcomePage,
    DeleteAccountModalPage,
    PopoverDatePage,
    PopoverReportsPage,
    ProfileShowPage,
    Splash
  ],
  entryComponents: [
    DeleteAccountModalPage,
    PopoverDatePage,
    PopoverReportsPage,

    ProfileShowPage
  ],
  imports: [
    CommonModule,
    FormsModule,
    ReactiveFormsModule,
    BrowserModule,
    HttpClientModule, 
    PopoverReportsPageModule,
    AngularFireModule.initializeApp(firebaseConfig),
    AngularFirestoreModule,

    TranslateModule.forRoot({
      loader: {
        provide: TranslateLoader,
        useFactory: createTranslateLoader,
        deps: [HttpClient]
      }
    }),
    IonicModule.forRoot(),
    AppRoutingModule,
  ],
  providers: [
    StatusBar,
    Globalization,
    SplashScreen,
    FirebaseX,

    File,FileOpener,FileTransfer,
    UniqueDeviceID,
    Device,
    Instagram,
    PhotoLibrary,
    AppAvailability,
    TwitterConnect,
    Facebook,
    InAppBrowser,
    { provide: RouteReuseStrategy, useClass: IonicRouteStrategy },
  ],
  //exports:[PopoverReportsPage],
  bootstrap: [AppComponent]
})
export class AppModule { }


export function createTranslateLoader(http: HttpClient) {
  return new TranslateHttpLoader(http);
}

PopoverReportsPageModule.ts

import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { FormsModule } from '@angular/forms';
import { Routes, RouterModule } from '@angular/router';

import { IonicModule } from '@ionic/angular';

import { PopoverReportsPage } from './popover-reports.page';

const routes: Routes = [
  {
    path: '',
    component: PopoverReportsPage
  }
];

@NgModule({
  imports: [
    CommonModule,
    FormsModule,
    IonicModule,
    RouterModule.forChild(routes)
  ],
  declarations: [PopoverReportsPage]
})
export class PopoverReportsPageModule {}

我不明白我必须做什么，有人可以帮我解决这个问题吗？

Answer 1

创建一个新模块，为其命名为 SharedModule 或其他名称。 然后将您的 popover 模块导入 SharedModule，并在该页面模块中您想要 popover 导入 SharedModule 的任何位置。