Error when navigating with tabs

Ionic Framework Ionic Vue
4

OMG, I figured it out and it’s so dumb! :man_facepalming:t2: So here was my navigation structure:

  • Intro screen (no tabs): This screen has a login modal which redirects to Tab 1
  • Tabs
    - Tab 1
    - Tab 2
    - Tab 3
    - Tab 4
    - Logout: This button brings you back to Intro

So I was getting the error in two places. On navigation from Intro to Tab 1 and from Logout to Intro. Turns out I didn’t have a <ion-page> inside the <template> inside the Intro.vue file. It went from <template> to <ion-content> and that caused all of this! Ugh!

3 Likes