To remove previous routes on clicking back button in ionic 4

Ionic Framework
1

My app consists of 2 pages called login, home and other lazy loaded modules.
In the app.component.ts, Condition is written such that if localStorage is empty it should route to login page else it should route to home page. Then from home page user will routed other lazy loaded modules

app.component.ts

import { Component } from '@angular/core';
import { SplashScreen } from '@ionic-native/splash-screen/ngx';
import { StatusBar } from '@ionic-native/status-bar/ngx';
import { Platform, NavController } from '@ionic/angular';

@Component({
  selector: 'app-root',
  templateUrl: 'app.component.html'
})
export class AppComponent {

  constructor(
    private splashScreen: SplashScreen,
    private statusBar: StatusBar,
    private platform: Platform,
    public navCtrl: NavController,
  ) {
    this.initializeApp();
    if (localStorage.getItem('token') !== null) {
      this.navCtrl.navigateRoot('/home');
    } else {
      this.navCtrl.navigateRoot('/login');
    }
  }

    initializeApp() {
      this.platform.ready().then(() => {
        this.statusBar.styleDefault();
        this.splashScreen.hide();
        this.platform.ready().then(() => {
        });
    });
  }


}

app-routing.module.ts

import { NgModule } from '@angular/core';
import { PreloadAllModules, RouterModule, Routes } from '@angular/router';

const routes: Routes = [

  {path: 'home',loadChildren: './home/home.module#HomePageModule'},
  { path: 'login', loadChildren: './login/login.module#LoginPageModule' },
  { path: '', loadChildren: './nav-bar/nav-bar.module#NavBarPageModule' },  <===== Lazy loaded module
  { path: '', loadChildren: './nav-bar-provider/nav-bar-provider.module#NavBarProviderPageModule' }, <===== Lazy loaded module
];

@NgModule({
  imports: [
    RouterModule.forRoot(routes, { preloadingStrategy: PreloadAllModules })
  ],
  exports: [RouterModule]
})
export class AppRoutingModule { }

This condition works fine. Then in the home page I have written code to exit from the app on double-tap as shown below:

home.page.ts

import { Component , OnInit} from '@angular/core';
import { Platform } from '@ionic/angular';
@Component({
  selector: 'app-home',
  templateUrl: 'home.page.html',
  styleUrls: ['home.page.scss'],
})
export class HomePage implements OnInit {
  subscription;
  constructor(public platform: Platform) {}

  ngOnInit() {}

  ionViewDidEnter() {
    this.subscription = this.platform.backButton.subscribe(() => {
      (navigator as any).app.exitApp();
    });
  }
  ionViewDidLeave() {
    this.subscription.unsubscribe();
  }
}

Now the issues is: On double tap in home page,the app will close, But on single tap it will routed 1st lazy loaded module(i,e NavBarPageModule). How can avoid this? For this issue, I tried giving router-path to lazy loaded modules like this:

const routes: Routes = [

  {path: 'home',loadChildren: './home/home.module#HomePageModule'},
  { path: 'login', loadChildren: './login/login.module#LoginPageModule' },
  { path: 'nav-bar', loadChildren: './nav-bar/nav-bar.module#NavBarPageModule' }, 
  { path: 'nav-bar-provider', loadChildren: './nav-bar-provider/nav-bar-provider.module#NavBarProviderPageModule' },
];

Then i was unable to route to lazy loaded modules from home page.

Is it possible to close the app on clicking the hardware back button on single time? Ionic version is (4.3.0)