import { NgModule } from '@angular/core'; import { CommonModule } from '@angular/common'; import { FormsModule } from '@angular/forms'; import { Routes, RouterModule } from '@angular/router'; import { HmgCommonModule } from '../hmg-common/hmg-common.module'; import { IonicModule } from '@ionic/angular'; import { ProfilePage } from './profile.page'; import { HomeComponent } from './home/home.component'; import {ProfileImageComponent} from './profile-image/profile-image.component' const routes: Routes = [ { path: '', component: ProfilePage, children: [ { path: 'home', component: HomeComponent } ], }, { path: '', component: ProfilePage, children: [ { path: 'profileImg', component: ProfileImageComponent } ], } ]; @NgModule({ imports: [ CommonModule, FormsModule, IonicModule, HmgCommonModule, RouterModule.forChild(routes) ], declarations: [ProfilePage , HomeComponent,ProfileImageComponent] }) export class ProfilePageModule {}