angular7中的2个模块的声明错误

时间:2019-05-05 05:40:52

标签: angular angular7 angular-module

我正在尝试运行我的项目,只有一个组件,我在app.module中添加了home,但是它使我误入了错误

错误:未捕获(承诺):错误:类型HomePage是2个模块的声明的一部分:AppModule和HomePageModule!请考虑将HomePage移至导入AppModule和HomePageModule的更高模块。您也可以创建一个新的NgModule,该导出并包含HomePage,然后在AppModule和HomePageModule中导入该NgModule。 错误:类型HomePage是2个模块的声明的一部分:AppModule和HomePageModule!请考虑将HomePage移至导入AppModule和HomePageModule的更高模块。您也可以创建一个新的NgModule,该导出并包含HomePage,然后在AppModule和HomePageModule中导入该NgModule。 这是我的app.module


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

import { IonicModule, IonicRouteStrategy } from '@ionic/angular';
import { SplashScreen } from '@ionic-native/splash-screen/ngx';
import { StatusBar } from '@ionic-native/status-bar/ngx';

import { AppComponent } from './app.component';
import { AppRoutingModule } from './app-routing.module';
import { HomePage} from './home/home.page';

@NgModule({
  declarations: [AppComponent,HomePage],
  entryComponents: [],
  imports: [BrowserModule, IonicModule.forRoot(), AppRoutingModule,RouterModule],
  providers: [
    StatusBar,
    SplashScreen,
    { provide: RouteReuseStrategy, useClass: IonicRouteStrategy }
  ],
  bootstrap: [AppComponent]
})
export class AppModule {}

2 个答案:

答案 0 :(得分:0)

您应该从HomePage删除declarations

更改为declarations: [AppComponent],中的AppModule

如果要在路由中使用“首页”,则可以配置

{    
      path: 'homepage',
      loadChildren: './homepage/homepage.module#HomePageModule'
 },

答案 1 :(得分:0)

您可以执行以下操作从主页模块中删除declarations: [HomePage]。如果您不懒加载

您可以将其保留在主页模块中并删除 通过应用模块declarations: [AppComponent,HomePage],为其首页 如果您懒惰加载

或者如果您只是想对其模块化 您可以将其保留在主页模块中并删除 将其从应用模块declarations: [AppComponent,HomePage],设为首页,并将其添加到首页模块中的exports:[HomePage]中,然后将首页模块导入到appmodule`

imports: [BrowserModule, IonicModule.forRoot(), AppRoutingModule,RouterModule],HomePageModule,...