just declare component name in a module 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 { DashboardPage } from './dashboard.page' ; import { FooterComponent } from '../components/footer/footer.component' ; const routes : Routes = [ { path: '' , component: DashboardPage } ]; @ NgModule ({ imports: [ CommonModule , FormsModule , IonicModule , RouterModule . forChild ( routes ) ], declarations: [ FooterComponent , DashboardPage ,] }) export class DashboardPageModule {}