Hi everyone! I’ve been stuck on an Ionic + Vue 3 + Vite issue.
One overlays another instead of transitioning away. The URL updates, but the old remains in the DOM with display: inline
. Only on a manual refresh of the url does the old page disappear.
Behavior: Navigating from “web-home” → “login” leaves both elements stacked. In DevTools, both show display: inline;. Refreshing removes the old page as expected.
Warning: [Ionic Warning]: The view for path /web-home does not have the required component… even though is clearly in WebHome.vue.
I have created a sample_project
to demonstrate the problem.
Repo: https://github.com/arpitpatel901/tlbot_frontend/tree/sample_project
Branch: sample_project
Setup:
Ionic 8.4.1
Single + in App.vue
Standard Vue Router from @ionic/vue-router
Each page has , but transitions still stack pages.
Does anyone know why might not be recognized, or how to avoid the “inline stacking” issue?
3 posts - 2 participants