[ng2] Uncaught (in promise): TransitionRejection(type: 5, message: The transition was ignored., detail: "undefined") #2676

ocombe · 2016-04-06T09:05:29Z

A bug easy to reproduce with the ng2 ui router, just start the quickstart example (https://github.com/ui-router/quickstart-ng2), click on one of the state links (Foo for example), then reclick on Foo.

You get the following error in the console:

EXCEPTION: Error: Uncaught (in promise): TransitionRejection(type: 5, message: The transition was ignored., detail: "undefined")
browser_adapter.js:76 EXCEPTION: Error: Uncaught (in promise): TransitionRejection(type: 5, message: The transition was ignored., detail: "undefined")BrowserDomAdapter.logError @ browser_adapter.js:76BrowserDomAdapter.logGroup @ browser_adapter.js:86ExceptionHandler.call @ exception_handler.js:56(anonymous function) @ application_ref.js:193schedulerFn @ async.js:122SafeSubscriber.__tryOrUnsub @ Subscriber.js:166SafeSubscriber.next @ Subscriber.js:115Subscriber._next @ Subscriber.js:74Subscriber.next @ Subscriber.js:51Subject._finalNext @ Subject.js:124Subject._next @ Subject.js:116Subject.next @ Subject.js:73EventEmitter.emit @ async.js:111NgZone._zoneImpl.ng_zone_impl_1.NgZoneImpl.onError @ ng_zone.js:119NgZoneImpl.inner.inner.fork.onHandleError @ ng_zone_impl.js:65ZoneDelegate.handleError @ zone.js:310Zone.runGuarded @ zone.js:218drainMicroTaskQueue @ zone.js:469ZoneTask.invoke @ zone.js:408
browser_adapter.js:76 STACKTRACE:BrowserDomAdapter.logError @ browser_adapter.js:76ExceptionHandler.call @ exception_handler.js:58(anonymous function) @ application_ref.js:193schedulerFn @ async.js:122SafeSubscriber.__tryOrUnsub @ Subscriber.js:166SafeSubscriber.next @ Subscriber.js:115Subscriber._next @ Subscriber.js:74Subscriber.next @ Subscriber.js:51Subject._finalNext @ Subject.js:124Subject._next @ Subject.js:116Subject.next @ Subject.js:73EventEmitter.emit @ async.js:111NgZone._zoneImpl.ng_zone_impl_1.NgZoneImpl.onError @ ng_zone.js:119NgZoneImpl.inner.inner.fork.onHandleError @ ng_zone_impl.js:65ZoneDelegate.handleError @ zone.js:310Zone.runGuarded @ zone.js:218drainMicroTaskQueue @ zone.js:469ZoneTask.invoke @ zone.js:408
browser_adapter.js:76 Error: Uncaught (in promise): TransitionRejection(type: 5, message: The transition was ignored., detail: "undefined")
    at resolvePromise (zone.js:517)
    at zone.js:494
    at justjs.js:17
    at new ZoneAwarePromise (zone.js:563)
    at Function.coreservices_1.services.$q.reject (justjs.js:17)
    at RejectFactory.ignored (rejectFactory.js:51)
    at Transition.run (transition.js:285)
    at TransitionManager.runTransition (transitionManager.js:50)
    at StateService.transitionTo (stateService.js:281)
    at StateService.go (stateService.js:210)
    at UiSref.go (uiSref.js:113)
    at AbstractChangeDetector.ChangeDetector_App_0.handleEventInternal (viewFactory_App:242)
    at AbstractChangeDetector.handleEvent (abstract_change_detector.js:57)
    at AppView.triggerEventHandlers (view.js:221)
    at eval (viewFactory_App:349)
    at dom_renderer.js:282
    at dom_events.js:28
    at ZoneDelegate.invoke (zone.js:306)
    at Object.NgZoneImpl.inner.inner.fork.onInvoke (ng_zone_impl.js:44)
    at ZoneDelegate.invoke (zone.js:305)
    at Zone.runGuarded (zone.js:215)
    at NgZoneImpl.runInner (ng_zone_impl.js:75)
    at NgZone.run (ng_zone.js:220)
    at HTMLAnchorElement.outsideHandler (dom_events.js:28)
    at ZoneDelegate.invokeTask (zone.js:339)
    at Zone.runTask (zone.js:237)
    at HTMLAnchorElement.ZoneTask.invoke (zone.js:405)BrowserDomAdapter.logError @ browser_adapter.js:76ExceptionHandler.call @ exception_handler.js:59(anonymous function) @ application_ref.js:193schedulerFn @ async.js:122SafeSubscriber.__tryOrUnsub @ Subscriber.js:166SafeSubscriber.next @ Subscriber.js:115Subscriber._next @ Subscriber.js:74Subscriber.next @ Subscriber.js:51Subject._finalNext @ Subject.js:124Subject._next @ Subject.js:116Subject.next @ Subject.js:73EventEmitter.emit @ async.js:111NgZone._zoneImpl.ng_zone_impl_1.NgZoneImpl.onError @ ng_zone.js:119NgZoneImpl.inner.inner.fork.onHandleError @ ng_zone_impl.js:65ZoneDelegate.handleError @ zone.js:310Zone.runGuarded @ zone.js:218drainMicroTaskQueue @ zone.js:469ZoneTask.invoke @ zone.js:408
zone.js:443 Unhandled Promise rejection: TransitionRejection {type: 5, message: "The transition was ignored.", detail: undefined} ; Zone: angular ; Task: HTMLAnchorElement.addEventListener:click ; Value: TransitionRejection {type: 5, message: "The transition was ignored.", detail: undefined}consoleError @ zone.js:443drainMicroTaskQueue @ zone.js:472ZoneTask.invoke @ zone.js:408
zone.js:445 Error: Uncaught (in promise): TransitionRejection(type: 5, message: The transition was ignored., detail: "undefined")(…)

pdanpdan · 2016-04-18T15:18:09Z

Can you please fix the same problem for ng1?

christopherthielen · 2016-06-21T16:41:15Z

@adharris reports that this is still an issue in alpha.5 when a TargetState is returned from an onEnter hook.

I return a StateService.target from an onEnter hook, and get EXCEPTION: Error: Uncaught (in promise): TransitionRejection(type: 2, message: The transition has been superseded by a different transition

christopherthielen · 2016-06-26T03:13:17Z

Can you please fix the same problem for ng1?

@pdanpdan is there an issue for this for ng1? I'm not aware of the problem existing? Can you show me?

christopherthielen · 2016-06-26T18:21:02Z

Can't reproduce the report by @adharris that TargetState returned from onEnter causes an Uncaught in promise. Resetting milestone to alpha.5 and closing so this doesn't block the beta release.

christopherthielen · 2016-06-27T14:16:08Z

Able to reproduce now using @adharris example: https://github.com/adharris/quickstart-ng2/tree/4e5a06cf8ce5c596ae0d15af7359ab4b8ad67d36

Will fix in beta.1

orneryd · 2016-12-14T21:00:15Z

this also happens in the redirectTo hook on the state declaration.

christopherthielen · 2016-12-14T23:12:47Z

This should be fixed. Are you using the latest version? Can you explain exactly how to reproduce it?

orneryd · 2016-12-15T00:18:09Z

so, responding with anything inside the redirectTo on a state definition results in the transition superseded error message. it may be related to a different issue
#2977

      views: {
        '': {
          templateUrl: 'views/main/main.html',
          controller: 'MainCtrl',
          controllerAs: 'main'
        }
      },
      redirectTo: function(trans){
// this causes an error message in the console 
        return trans.getResolveValue('startRoute');
//so does 
       return trans.router.stateService.target(trans.getResolveValue('startRoute'), newParams, stateOptions);
      }

christopherthielen · 2016-12-15T00:52:08Z

Are you sure you're on the latest version (1.0.0-beta.3)? You shouldn't get a superseded error when a redirect happens. Is the redirect functioning properly, but you get the superseded message?

orneryd · 2016-12-15T01:07:27Z

That's correct. It happens successfully but still throws an error. We should be on latest I will have to check in the morning

…

On Wed, Dec 14, 2016 at 5:52 PM Chris Thielen ***@***.***> wrote: Are you sure you're on the latest version (1.0.0-beta.3)? You shouldn't get a superseded error when a redirect happens. Is the redirect functioning properly, but you get the superseded message? — You are receiving this because you commented. Reply to this email directly, view it on GitHub <#2676 (comment)>, or mute the thread <https://github.com/notifications/unsubscribe-auth/ABp-H0vyD41dNCzcVhhGWzqP5jQPWxJqks5rII9CgaJpZM4IA4Qe> .

christopherthielen · 2016-12-15T16:58:56Z

@timothyswt if you verify you're on the latest, can you open a new issue for this? I can't reproduce it.

orneryd · 2016-12-21T17:43:04Z

@christopherthielen yes, I can reproduce it on Beta 3

garygentry · 2017-01-21T22:03:00Z

After updating to ui-router 1.0.0-rc.1 (from beta3) and to angular 1.6 (from 1.5.8), I'm now getting the "Possibly unhandled rejection" error, with "The transition has been superceded by a different transition". Looking at the $trace output, it appears this is a result of redirectTo on my state (the initial transition is rejected and shows the "superceded" message in the trace, then successfully transitions to the state in redirectTo).

From the comments, I gather this would have been fixed? Am I doing something wrong?

christopherthielen · 2017-01-21T22:05:54Z

I think beta.3 and above shouldn't have this problem.

Do you happen to use the ui router visualizer too?

garygentry · 2017-01-21T22:08:05Z

No

garygentry · 2017-01-21T22:23:53Z

I just installed it. The chevrons show [success] -> [redirected] -> [success], while the (massive!) error gets dumped to the console...

christopherthielen · 2017-01-21T22:25:05Z

I was asking because I think the visualizer itself can cause this error to be logged. Thanks for following up.

smhc · 2017-02-02T10:38:26Z

I am also seeing:

angular.js:14328 Possibly unhandled rejection: {"type":2,"message":"The transition has been superseded by a different transition","detail":{"deferred":{"promise":{"$$state":

With code similar to the below:

var onBeforeStateHook = function(transition) {
    if (!user.isLoggedIn()) {
        if (transition.to().name !== 'login') {
            var $state = transition.router.stateService;
            return $state.target('login');
        } else {
            return true;
        }
    } else {
        return true;
    }
}

$transitions.onBefore({}, onBeforeStateHook);

Stack trace for creation of unhandled rejected promise:

app.js:111111:33)\n    
at new Promise (angular.js:16605:18)\n   
at new Deferred (angular.js:16596:34)\n    
at Function.defer (angular.js:16592:12)\n    
at new Transition (angular-ui-router.js:6081:38)\n    
at TransitionService.create (angular-ui-router.js:4337:16)\n    
at Transition.redirect (angular-ui-router.js:6459:59)\n    
at angular-ui-router.js:5602:47\n    
at processQueue (angular.js:16648:37)\n    
at angular.js:16692:27","value":{"views":....

angular 1.6.1 and ui-router 1.0.0-rc1

The following modification suppresses the errors but breaks redirection:

// issue #2676
var silenceUncaughtInPromise = function (promise) {
    //return promise.catch(function (e) { return 0; }) && promise;
    return promise.catch(function (e) { return 0; });
};

So it appears to be an issue with this function.

christopherthielen · 2017-03-14T15:29:44Z

I believe this is fixed by ui-router/core@a7464bb

mocsharp · 2017-05-03T19:08:51Z

@christopherthielen Is it possible to use 1.0.0-rc1 with ui-router/core that has the fix or do we have to wait for a new release?

For some reason, I am suddenly getting the following error after I added a new route. The new route I added has a different state name and different URL but it is being "ignored" due to "All states and parameters in the To and From paths are identical" Any idea?

TransitionRejection(type: 2, message: The transition has been superseded by a different transition, detail: Transition#8( 'home'{} -> 'home'{} ))
$defaultErrorHandler @ stateService.js:39
(anonymous) @ stateService.js:371
processQueue @ angular.js:16696
(anonymous) @ angular.js:16712
$eval @ angular.js:17994
$digest @ angular.js:17808
$apply @ angular.js:18102
(anonymous) @ angular.js:19950
completeOutstandingRequest @ angular.js:6045
(anonymous) @ angular.js:6324

christopherthielen · 2017-05-03T19:20:26Z

@mocsharp 1.0.0 final was just released. I'm closing this ticket because it's a confusion of angular 1 angular 2. If there is still a problem, let's open a different ticket.

christopherthielen added bug 1.0 labels Apr 8, 2016

christopherthielen added this to the 1.0.0-alpha.5 milestone Apr 8, 2016

christopherthielen mentioned this issue Apr 8, 2016

ng2-1.0.0-alpha.4: Uncaught (in promise): TransitionRejection #2683

Closed

christopherthielen closed this as completed in 7522c26 Apr 11, 2016

christopherthielen modified the milestones: 1.0.0-beta, 1.0.0-alpha.5 Jun 21, 2016

christopherthielen reopened this Jun 21, 2016

christopherthielen modified the milestones: 1.0.0-alpha.5, 1.0.0-beta Jun 26, 2016

christopherthielen closed this as completed Jun 26, 2016

christopherthielen reopened this Jun 27, 2016

christopherthielen modified the milestones: 1.0.0-beta, 1.0.0-alpha.5 Jun 27, 2016

christopherthielen closed this as completed in 38432f4 Jun 30, 2016

smhc mentioned this issue Feb 2, 2017

redirectTo causing The transition has been superseded by a different transition errors #3309

Closed

grant77 mentioned this issue Feb 11, 2017

onBefore hook returning Promise<TargetState> does not work. #3334

Closed

christopherthielen reopened this Mar 14, 2017

christopherthielen closed this as completed May 3, 2017

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

[ng2] Uncaught (in promise): TransitionRejection(type: 5, message: The transition was ignored., detail: "undefined") #2676

[ng2] Uncaught (in promise): TransitionRejection(type: 5, message: The transition was ignored., detail: "undefined") #2676

ocombe commented Apr 6, 2016

pdanpdan commented Apr 18, 2016

christopherthielen commented Jun 21, 2016 •

edited

Loading

christopherthielen commented Jun 26, 2016

christopherthielen commented Jun 26, 2016

christopherthielen commented Jun 27, 2016

orneryd commented Dec 14, 2016

christopherthielen commented Dec 14, 2016

orneryd commented Dec 15, 2016

christopherthielen commented Dec 15, 2016

orneryd commented Dec 15, 2016 via email

christopherthielen commented Dec 15, 2016

orneryd commented Dec 21, 2016

garygentry commented Jan 21, 2017

christopherthielen commented Jan 21, 2017

garygentry commented Jan 21, 2017

garygentry commented Jan 21, 2017

christopherthielen commented Jan 21, 2017

smhc commented Feb 2, 2017 •

edited

Loading

christopherthielen commented Mar 14, 2017

mocsharp commented May 3, 2017

christopherthielen commented May 3, 2017

[ng2] Uncaught (in promise): TransitionRejection(type: 5, message: The transition was ignored., detail: "undefined") #2676

[ng2] Uncaught (in promise): TransitionRejection(type: 5, message: The transition was ignored., detail: "undefined") #2676

Comments

ocombe commented Apr 6, 2016

pdanpdan commented Apr 18, 2016

christopherthielen commented Jun 21, 2016 • edited Loading

christopherthielen commented Jun 26, 2016

christopherthielen commented Jun 26, 2016

christopherthielen commented Jun 27, 2016

orneryd commented Dec 14, 2016

christopherthielen commented Dec 14, 2016

orneryd commented Dec 15, 2016

christopherthielen commented Dec 15, 2016

orneryd commented Dec 15, 2016 via email

christopherthielen commented Dec 15, 2016

orneryd commented Dec 21, 2016

garygentry commented Jan 21, 2017

christopherthielen commented Jan 21, 2017

garygentry commented Jan 21, 2017

garygentry commented Jan 21, 2017

christopherthielen commented Jan 21, 2017

smhc commented Feb 2, 2017 • edited Loading

christopherthielen commented Mar 14, 2017

mocsharp commented May 3, 2017

christopherthielen commented May 3, 2017

christopherthielen commented Jun 21, 2016 •

edited

Loading

smhc commented Feb 2, 2017 •

edited

Loading