Navigation not working / Error

Hi
I can’t navigate from one page to another.
Getting Error:

Error: Uncaught (in promise): TypeError: Cannot read property '_willLeave' of undefined
TypeError: Cannot read property '_willLeave' of undefined
    at http://localhost:8100/build/vendor.js:58523:32

I have the array of pages:

 pages = [
    { pageName: 'ListPage', title: 'Before', icon: 'flame', id: 'before'},
    { pageName: 'Stage1Page', title: 'After', icon: 'help-circle', id: 'AfterTab'},
    { pageName: 'NewsPage', title: 'Profit', icon: 'body', id: 'ProfitTab'},
  ];

and the HTML:

 <super-tabs tabsPlacement="top" toolbarBackground="secondary" toolbarColor="light" indicatorColor="light"
  (tabSelect)="onTabSelect($event)">
  <super-tab *ngFor="let page of pages" [root]="page?.pageName" [icon]="page?.icon" [id]="page?.id"></super-tab>
</super-tabs>

I see the tabs for a sec then I am getting the error. also when I am moving to the next tab.

Please your help!

Hello,

seems to be an internal method that will called on whatever that does not exist. Maybe you call from your code something at a point in livecycle where whatever does not exist.

Hmmm, maybe Elvis is dead.

Maybe you should take care that [root] has an working value. If removing of elvis operator has not the desired sucess, and maybe it depends to super-tabs, then put a ngif on that.

Best regrads, anna-liebt

Thank you! :grinning:

Best,