angular - 生产构建中的 Angular 和 Ionic 应用程序问题
问题描述
错误:在 /home/dhwani/New Clone/metricool/src/app/pages/popover-reports/popover-reports.page.ts 中键入 PopoverReportsPage 是 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 app/app.module.ts 和 ProfilesPageModule 在 /home/dhwani/New Clone/metricool/src/app/pages/profiles/profiles.module.ts!请考虑将 ProfileShowPage 移动到 /home/dhwani/New Clone/metricool/src/app/pages/profiles/profiles.page 中。ts 到一个更高的模块,该模块在 /home/dhwani/New Clone/metricool/src/app/app.module.ts 中导入 AppModule 和 /home/dhwani/New Clone/metricool/src/app/pages/profiles/profiles 中的 ProfilesPageModule .module.ts。您还可以创建一个新的 NgModule,它在 /home/dhwani/New Clone/metricool/src/app/pages/profiles/profiles.page.ts 中导出并包含 ProfileShowPage,然后在 /home/dhwani/New Clone 的 AppModule 中导入该 NgModule /metricool/src/app/app.module.ts 和 ProfilesPageModule 在 /home/dhwani/New Clone/metricool/src/app/pages/profiles/profiles.module.ts。src/app/pages/connections-page/connections-page.page.html(219,79): : 预期 0 个参数,但得到 1 个。您还可以创建一个新的 NgModule,它在 /home/dhwani/New Clone/metricool/src/app/pages/profiles/profiles.page.ts 中导出并包含 ProfileShowPage,然后在 /home/dhwani/New Clone 的 AppModule 中导入该 NgModule /metricool/src/app/app.module.ts 和 ProfilesPageModule 在 /home/dhwani/New Clone/metricool/src/app/pages/profiles/profiles.module.ts。src/app/pages/connections-page/connections-page.page.html(219,79): : 预期 0 个参数,但得到 1 个。您还可以创建一个新的 NgModule,它在 /home/dhwani/New Clone/metricool/src/app/pages/profiles/profiles.page.ts 中导出并包含 ProfileShowPage,然后在 /home/dhwani/New Clone 的 AppModule 中导入该 NgModule /metricool/src/app/app.module.ts 和 ProfilesPageModule 在 /home/dhwani/New Clone/metricool/src/app/pages/profiles/profiles.module.ts。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 {}
我必须做什么我不明白任何人都可以帮助我解决这个问题吗?
解决方案
创建一个新模块,将其命名为 SharedModule 或其他名称。然后将您的弹出框模块导入 SharedModule 并在该页面模块中的任何您想要弹出框的地方导入 SharedModule。
推荐阅读
- discord.js - 有一个命令发送我嵌入
- css - 使用 Tailwind 时,Markdown 无法在 Node.js 中正确显示
- haskell - 编写模式同义词以隐藏构造函数
- java - 在 Java 7 上使用 maven 和 spring 1.5.22.RELEASE 的 SOAP 服务中通过工厂方法进行的 Bean 实例化失败
- python - Pyinstaller 出现错误 -“未能执行脚本”
- javascript - 带有 livewire 的 laravel 8 中捆绑产品的工作流程
- mongodb - 您可以将两种类型的用户添加到 jwt 策略身份验证中吗?
- c++ - 为什么在堆数组初始化中调用了两次复制构造函数?
- intellij-idea - 我已经尝试了一切,但制表符不适用于 IntelliJ
- isabelle - 为什么在 Isabelle 中证明一个简单的可计算自然等式时必须使用“numeral_nat”或“numeral.simps”