bug: TypeError: Cannot read property 'direction' of null

[iignatov]

Short description of the problem:

The following exception is thrown when using the ViewController.dismiss() method:
TypeError: Cannot read property 'direction' of null

What behavior are you expecting?

I'm expecting that ViewController.dismiss() should be working similar to NavController.pop(), although I'm using Ionic for only 1 week and maybe I'm missing something or using something incorrectly.

Steps to reproduce:

1. Click the Profile button on HomePage, bound to HomePage.profile().
2. Click the Logout button on ProfilePage, bound to ProfilePage.logout().
3. The following exception is thrown:

Uncaught EXCEPTION: Error during evaluation of "click"
ORIGINAL EXCEPTION: TypeError: Cannot read property 'direction' of null
ORIGINAL STACKTRACE:
TypeError: Cannot read property 'direction' of null
    at NavController.remove (http://localhost:8100/build/js/app.bundle.js:47600:31)
    at ViewController.dismiss (http://localhost:8100/build/js/app.bundle.js:45635:27)
    at ProfilePage.logout (http://localhost:8100/build/js/app.bundle.js:62635:20)
    at AbstractChangeDetector.ChangeDetector_ProfilePage_0.handleEventInternal (viewFactory_ProfilePage:186:31)
    at AbstractChangeDetector.handleEvent (http://localhost:8100/build/js/app.bundle.js:14022:30)
    at AppView.triggerEventHandlers (http://localhost:8100/build/js/app.bundle.js:18329:37)
    at eval (viewFactory_ProfilePage:605:110)
    at http://localhost:8100/build/js/app.bundle.js:33400:37
    at http://localhost:8100/build/js/app.bundle.js:32777:87
    at Zone.run (http://localhost:8100/build/js/app.bundle.js:2258:25)

Code:

@Page({
    ...
})
export class HomePage {
    constructor(private nav: NavController) {
        ...
    }

    profile() {
        this.nav.push(ProfilePage, { ... });
    }
}

@Page({
    ...
})
export class ProfilePage {
    constructor(params: NavParams, private nav: NavController, private view: ViewController) {
        ...
    }

    logout() {
        ...
        // Error when executing the following:
        this.view.dismiss(null);
        // It works OK rewritten this way though:
        // this.nav.pop();
    }
}

Ionic Version: 2.x

Browser & Operating System: Chrome (Windows 8.1 64-bit)

Run ionic info from terminal/cmd prompt:

Your system information:

Cordova CLI: 6.0.0
Ionic Version: 2.0.0-beta.1
Ionic CLI Version: 2.0.0-beta.17
Ionic App Lib Version: 2.0.0-beta.8
OS: Windows 8.1
Node Version: v5.6.0

[adamdbradley]

Good catch! This issue helped expose some problems with how we were generating navigation opts objects when the argument was missing, or it had an undefined or null value. Should be fixed in the next release, thanks for the help!

[iignatov]

Wow, that was fast. Thanks for the reply and the quick fix! Looking forward to the next release.

[cperez87]

Hi, Im having a very similar problem even after upgrading to latest ionic version.
Cordova CLI: 6.0.0
Ionic Version: 2.0.0-beta.3
Ionic CLI Version: 2.0.0-beta.23
Ionic App Lib Version: 2.0.0-beta.13
OS:
Node Version: v5.7.0

In my case, when I try to do this.viewCtrl.dismiss(), im getting Cannot read property 'removeEventListener' of null. That is, when I have an ion-infinite-scroll on the page.

I have tried using this.nav.pop() and this.nav.popToRoot() and still get the same issue.
The only things that has worked is removing the infinite scroll. But I need it.

Any suggestions?
Thank you

[iignatov]

@cperez1087 This is a known issue and will be fixed in beta.4.