Ionic-framework: Transition Error: Cannot read property 'getTransitionName' of null

Created on 24 Oct 2016  路  14Comments  路  Source: ionic-team/ionic-framework

Ionic 2, IOS issue. Reproducible in desktop browser too.

Steps:
First I need to navigate more than 2 levels, then come back by pressing back instantly (regular speed) and you will get empty black screen in desktop browser or white screen in ios app.

Error stack:
nav-controller-base.js:289 Uncaught TypeError: Cannot read property 'getTransitionName' of null
at NavControllerBase._postViewInit (nav-controller-base.js:289)
at NavControllerBase._viewTest (nav-controller-base.js:348)
at NavControllerBase._nextTrns (nav-controller-base.js:192)
at ti.resolve (nav-controller-base.js:142)
at NavControllerBase._trnsFinish (nav-controller-base.js:462)
at t.invoke (polyfills.js:3)
at Object.onInvoke (ng_zone.js:236)
at t.invoke (polyfills.js:3)
at e.run (polyfills.js:3)
at NgZone.run (ng_zone.js:126)

All 14 comments

@dheran can you test if the problem persist in nightly?

npm install ionic-angular@nightly --save

@manucorporat I've never seen this stack trace when the black screen occurs in reference to #8885. I'm able to reproduce this in the browser and on iOS

Testing ionic-angular@nightly now

**Edit
Issue does not seem to be reproduceable in ionic-angular@nightly... so far.

I ran into this issue as well. However, as @curtisblanchette points out, after upgrading to ionic-angular@nightly, the problem doesn't occur anymore.

I will keep monitoring it...

I will close this issue for the moment. please feel free to reopen it.

I installed ionic-angular@nightly module. But to me it does not work, the problem persists. What could I do wrong?

Alas, the problem persists indeed. I applied a different work-around for now.

I was getting a similar issue too with the same stack trace on rc.1. Seems to be fixed with nightly so far.

Hi Ionites,Did this fix the problem?
I installed ionic-angular@nightly module ,the problem persists in my project .
I want this problem to be definitely fixed!!!

issue reproduce : https://github.com/TongeJie/ionic2-push-issue

development environment

Your system information:
Cordova CLI: 6.2.0
Gulp version: CLI version 3.9.1
Gulp local:
Ionic Framework Version: 2.0.0-rc.1
Ionic CLI Version: 2.1.4
Ionic App Lib Version: 2.1.2
Ionic App Scripts Version: 0.0.36
OS:

Node Version: v5.12.0

Odd because it works for me using [email protected] but not the normal rc.1 release when I nav in and out of my views. Not sure why.

@TongeJie thanks for the repo! I will check it out this week! Reopening!!

Navigation bugs are top priority for us, we want to release a RC2 with a very stable navigation. We are adding a lot tests and asserts across the whole code base:

https://github.com/driftyco/ionic/pull/8951
https://github.com/driftyco/ionic/pull/8927

@TongeJie I was able to reproduce the problem with your repo, then noticed it does not use nightly:

    "ionic-angular": "2.0.0-rc.1",

UPDATE: after upgrading to nightly, I can not longer reproduce this issue with your repo

After some testing with the conference app running the latest nightly I also cannot reproduce this issue anymore. Because of this I am going to close this issue for now. Thanks everyone!

Hi, I'm currently getting this error (rc3), I suspects it's some sort of race condition where using Loading.

Runtime Error
Cannot read property 'getTransitionName' of null
Stack
TypeError: Cannot read property 'getTransitionName' of null
at OverlayPortal.NavControllerBase._postViewInit (http://localhost:8100/build/main.js:25387:67)
at OverlayPortal.NavControllerBase._viewTest (http://localhost:8100/build/main.js:25460:18)
at OverlayPortal.NavControllerBase._nextTrns (http://localhost:8100/build/main.js:25283:25)
at ti.resolve (http://localhost:8100/build/main.js:25230:19)
at OverlayPortal.NavControllerBase._trnsFinish (http://localhost:8100/build/main.js:25574:9)
at t.invoke (http://localhost:8100/build/polyfills.js:3:13422)
at Object.onInvoke (http://localhost:8100/build/main.js:32618:37)
at t.invoke (http://localhost:8100/build/polyfills.js:3:13373)
at e.run (http://localhost:8100/build/polyfills.js:3:10809)
at NgZone.run (http://localhost:8100/build/main.js:32508:62)
Ionic Framework: 2.0.0-rc.3
Ionic Native: 2.2.6
Ionic App Scripts: 0.0.46
Angular Core: 2.1.1
Angular Compiler CLI: 2.1.1
Node: 6.9.1
OS Platform: Windows 10
Navigator Platform: Win32
User Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/54.0.2840.99 Safari/537.36

*Edit: it's nothing to do with Loading, it's when you dismiss a modal using navController.pop() *

*Edit 2: using viewController.dismiss() (which is the right way to dismiss a modal) fixes this. Still, it probably shouldn't crash with .pop() *

Thanks for the issue! This issue is being locked to prevent comments that are not relevant to the original issue. If this is still an issue with the latest version of Ionic, please create a new issue and ensure the template is fully filled out.

Was this page helpful?
0 / 5 - 0 ratings