Estoy migrando mi aplicación vue vue 2 a vue 3 siguiendo la documentación oficial de migración de vue. He actualizado el paquete vue-router. Después de actualizar router.js, si estoy ejecutando la aplicación en mi local de forma predeterminada, está enrutando a la página 404 componente no encontrado.

Anteriormente, estaba enrutando a la página de descripción general (http://localhost:8080/overview). Ahora esta URL está enrutando a la página no encontrada. Aquí está mi enrutador.js

enrutador.js

 /* [IMPORT] Library */ import { createRouter, createWebHistory } from 'vue-router'; /* [IMPORT] Common module */ import store from '~/common/store'; /* [IMPORT] modules */ import devModule from '~/module/devModule'; import pageNotFoundPage from '~/page/common/pageNotFound'; /* [IMPORT][PAGE] OverView */ import overviewPage from '~/page/overview/overviewPage'; const routes = [ { path: '/' , redirect: '/dev'}, { path: '/dev', component: devModule, children: [ /* Default routing*/ { path: '', redirect: 'overview/overview'}, /* OVERVIEW */ { path: 'overview', redirect: 'overview/overview'}, { path: 'overview/overview' , component: overviewPage} ]}, /* [404] anything else... */ { path: '/:catchAll(.*)' , component: pageNotFoundPage }, ]; export const router = createRouter({ history: createWebHistory(), routes }); /* [intercepter] */ router.beforeEach(function(to, from, next) { // 1. Update current URL :: for store store.commit('moveMenu',to.path); // x. go to next menu next(); }); export default router;

¿Por qué no se enruta a la página de descripción general después de la migración? Cualquier sugerencia o guía será útil relacionada con esto.