Incorrect route or tabs supplied for IonTabs

[KiddoV]

Can you tell me what I did wrong here?

Pre-produce:
https://stackblitz.com/edit/github-detvbz?file=src%2Froutes%2F%2Bpage.svelte,src%2Froutes%2F%2Blayout.svelte,src%2Froutes%2Fhome%2F%2Bpage.svelte,src%2Froutes%2Fpeople%2F%2Bpage.svelte,src%2Froutes%2F%2Blayout.ts

I am keep getting this on first load...

Incorrect route or tabs supplied for IonTabs

and this on every time I click on the tab button:

tab with id: "undefined" does not exist

Thanks,

[Tommertom]

Hi
I will look at it later

The second is a warning right? You should ignore that one

Tom

[KiddoV]

The first one is the warning, the second one is the error from Ionic - related to this issue #1.

The warning only happened when first time loading the app. Also when first time loading, the route is not going straight to home page. I have to manually click the home tab at the bottom to be able to load home page.

Thanks!

[KiddoV]

I got 2 problems:

1. The warning when first time load the app.
2. The route is not going straight to the first tab

... fixed by doing this:

/routes/+page.svelte

<script lang="ts">
import { goto } from '$app/navigation';

setTimeout(() => goto("/overview"), 0);
</script>

I don't know why adding setTimeout() worked.

---

One problem still remain is the error tab with id: "undefined" does not exist popup every time I switch the tab.