Skip to content

IonRouterOutlet, no provider for NavController #15936

@moda20

Description

@moda20

Bug Report

Ionic Info
Run ionic info from a terminal/cmd prompt and paste the output below.

Ionic:

   ionic (Ionic CLI)             : 4.2.1 (/usr/local/lib/node_modules/ionic)
   Ionic Framework               : @ionic/angular 4.0.0-beta.12
   @angular-devkit/build-angular : 0.7.5
   @angular-devkit/schematics    : 0.7.5
   @angular/cli                  : 6.1.5
   @ionic/angular-toolkit        : 1.0.0

Cordova:

   cordova (Cordova CLI) : 8.1.1 (cordova-lib@8.1.0)
   Cordova Platforms     : not available
   Cordova Plugins       : not available

System:

   Android SDK Tools : 26.1.1 (/Users/theronin/Downloads/android-sdk-macosx)
   NodeJS            : v8.10.0 (/usr/local/bin/node)
   npm               : 5.6.0
   OS                : macOS High Sierra

Describe the Bug
I am porting an ionic 3 app to ionic4. I fixed most migration issues, but stumbled upon the error when running ng serve
saying :

Error: StaticInjectorError(AppModule)[IonRouterOutlet -> NavController]: 
  StaticInjectorError(Platform: core)[IonRouterOutlet -> NavController]: 
    NullInjectorError: No provider for NavController!

Steps to Reproduce
Steps to reproduce the behavior:
I don't think I can give steps to reproduce, since it is a kind of special error.

Related Code
my app.module.ts

import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { RouterModule, RouteReuseStrategy, Routes } from '@angular/router';

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

import { MyApp} from './app.component';
import { AppRoutingModule } from './app-routing.module';
import {CommonModule} from '@angular/common';
import {FormsModule} from '@angular/forms';

@NgModule({
  declarations: [MyApp],
  entryComponents: [MyApp],
  imports: [BrowserModule,
      CommonModule,
      FormsModule,
      IonicModule,
      AppRoutingModule],
  providers: [
    StatusBar,
    SplashScreen,
    { provide: RouteReuseStrategy, useClass: IonicRouteStrategy },
      Platform
  ],
  bootstrap: [MyApp]
})
export class AppModule {}

Expected Behavior
run the app correctly

Additional Context
,

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions