Error: Uncaught (in promise): TypeError: Cannot read property ‘appendChild’ of undefined
TypeError: Cannot read property ‘appendChild’ of undefined
at StackController.transition (stack-controller.ts:274)
at stack-controller.ts:145
at StackController._callee2$ (stack-controller.ts:296)
at tryCatch (runtime.js:45)
at Generator.invoke [as _invoke] (runtime.js:274)
at Generator.prototype. [as next] (runtime.js:97)
at fulfilled (tslib.es6.js:71)
at ZoneDelegate.invoke (zone.js:386)
at Zone.run (zone.js:143)
at zone.js:891
at resolvePromise (zone.js:832)
at resolvePromise (zone.js:784)
at zone.js:894
at ZoneDelegate.invokeTask (zone.js:421)
at Object.onInvokeTask (core.js:27428)
at ZoneDelegate.invokeTask (zone.js:420)
at Zone.runTask (zone.js:188)
at drainMicroTaskQueue (zone.js:601)
at ZoneTask.invokeTask (zone.js:507)
at ZoneTask.invoke (zone.js:492)
That’s deep within routing animation. Something is amiss with your routing setup, or how you’re transitioning between pages.
Hi!
Did I find the solution to the problem? because I am with the same error at the moment.
I’ve been running into this same exact error for over a year now and I’ve finally found the issue. For me it was occurring after you close a modal, then navigate to another page or view. The issue had to do with IonRouterOutlet. After removing that from the providers directive, as well as the imports, for both the modal as well as the initial page, I finally got the navigation to work properly.