title: Router navigation isn't working as supposed to
body: <p>I am using lazy Loading. When my app initializes I am redirected to main/home. 
  I am trying to add a page to redirect new users to before redirecting them to the main/home page. 
  I used a simple button to test the navigation but it always navigated me back to main/home.</p>
  
  <p><strong><em>My main problem is just the navigation part</em></strong></p>
  
  <p>Can you please tell me what I am doing wrong?. I am using <strong><em>Angular 8</em></strong> and <strong><em>Ionic 4</em></strong></p>
  
  <p><strong><em>app-routing.module.ts</em></strong></p>
  
  <pre><code>const routes: Routes = [
  { path: '', loadChildren: './pages/main/main.module#MainPageModule' },
  './pages/search/search.module#SearchPageModule' },
  
  { path: 'cat-view', loadChildren: './pages/cat-view/cat- 
  view.module#CatViewPageModule' },
  
  { path: 'country-selection', loadChildren: './pages/country-s 
   election/country-selection.module#CountrySelectionPageModule' },
    ];
  </code></pre>
  
  <p><strong><em>Main module</em></strong> </p>
  
  <pre><code> const routes: Routes = [
   {
     path: 'main',
     component: MainPage,
     children: [
       { path: 'home', loadChildren: '../home/home.module#HomePageModule' },
       { path: 'favorites', loadChildren: 
     '../favorites/favorites.module#FavoritesPageModule' },
     ]
     },
     {
     path: '',
     redirectTo: '/main/home'
      }
    ];
  </code></pre>
  
  <p><strong><em>app.component.ts</em></strong></p>
  
  <pre><code> initializeApp() {
       this.platform.ready().then(() =&gt; {
          this.statusBar.styleDefault();
          this.notificationSetup();
          this.navigateToNextPage();
       });
   }
   navigateToNextPage() {
      this.router.navigate(['/country-selection']);
    }
  </code></pre>