Can't set root of the App with getRootNav().setRoot

In my application there are Login page that after successfully logging in will set the root of the app to Tabs page

In one of the tab of tabs page, there is a button that allow user to sign out but I can’t make it work

Here is the code of log out method



and here is the code when i’m set the root for log in method


 private onSuccessfulLogin(): void {

• When clicking log out button the event successfully fire ( test this with console.log ) but nothing happen after this, the page stay the same, the application can continue working normally

But there are some error brought up in command line that says:

typescript error
            Option 'mapRoot' cannot be specified without specifying option 'sourceMap'.

I’ve already search for the answer for this problem but yield no clues. Any advice or solution to this problem? Thanks in advanced.

Additional Information


  "compilerOptions": {
    "allowSyntheticDefaultImports": true,
    "declaration": false,
    "emitDecoratorMetadata": true,
    "experimentalDecorators": true,
    "lib": [
    "module": "es2015",
    "moduleResolution": "node",
    "sourceMap": true,
    "mapRoot": "./",
    "target": "es5",
    "types": [
    "typeRoots": [
  "include": [
  "exclude": [
  "compileOnSave": false,
  "atom": {
    "rewriteTsconfig": false

Ok so I’ve solved this problem

In app.module.ts file at the @NgModule bootstrap array there is another member in this array other than IonicApp.

I’ve delete this “another member” and the getRootNav().setRoot() now working properly

I’ve no idea how the another member got there in the first place or is it mandatory to the project but this is fixed for now.