Ionic 4 tabs not working

HI I am using ionic 4.12.0 version… Am facing tabs issue.

I have created pages like tabs, tab1, tab2 and tab3 and imported in app.routing moule.

{ path: ‘tabs’, loadChildren: ‘./tabs/tabs.module#TabsPageModule’ },

after that added loadchildren in tabs.routing module.

import { NgModule } from ‘@angular/core’;
import { RouterModule, Routes } from ‘@angular/router’;
import { TabsPage } from ‘./tabs.page’;

const routes: Routes = [
{
path: ‘’,
component: TabsPage,
children: [
{
path: ‘tab1’,
children: [
{
path: ‘’,
loadChildren: ‘…/tab1/tab1.module#Tab1PageModule’
}
]
},
{
path: ‘tab2’,
children: [
{
path: ‘’,
loadChildren: ‘…/tab2/tab2.module#Tab2PageModule’
}
]
},
{
path: ‘tab3’,
children: [
{
path: ‘’,
loadChildren: ‘…/tab3/tab3.module#Tab3PageModule’
}
]
},
{
path: ‘’,
redirectTo: ‘/tabs/tab1’,
pathMatch: ‘full’
}
]
}
];

@NgModule({
imports: [
RouterModule.forChild(routes)
],
exports: [RouterModule]
})
export class TabsPageRoutingModule {}

Am able to navigate to the tabs page.

But not able to see the tabs page design…

can any one help me out…