проблема c hot reload vue + vite
Всем привет. Возникает ошибка с hot reload при обновлении компонента который импортирует что-нибудь из registry.routes.js ReferenceError: Cannot access 'registryRoutes' before initialization at @/router/index.js.
Ошибка возникает из-за того что сначала обновляется My_Component а потом уже vite подтягивает registry.routes.js(эта проблема также возникает и с некоторыми другими элементами)
Роутер
import { createRouter, createWebHistory } from 'vue-router';
import { routes as authRoutes, LOGIN_ROUTE } from './auth.routes.js';
import { routes as registryRoutes } from './registry.routes';
const router = createRouter({
history: createWebHistory(import.meta.env.BASE_URL),
routes: [
{
path: '/',
name: 'home',
redirect: LOGIN_ROUTE.path,
},
...authRoutes,
...registryRoutes,
],
scrollBehavior(to, from, savedPosition) {
return { top: 0, behavior: 'smooth' };
},
});
router.beforeEach((to, from, next) => {
document.title = to.meta.title || 'zordoc';
next();
});
export { router as Router };
Непосредственно registry.routes.js
export let REGISTRY_DASHBOARD_ROUTE = {
name: 'REGISTRY_DASHBOARD',
path: '/registry/dashboard',
component: VDashboard,
beforeEnter: [onlyLoggedInMiddleware],
meta: {
title: I18nService.t('Base.Dashboard'),
},
};
...
export let routes = [
REGISTRY_DASHBOARD_ROUTE,
REGISTRY_PATIENTS_ROUTE,
REGISTRY_PATIENT_ROUTE,
REGISTRY_PATIENTS_RECORDS_ROUTE,
REGISTRY_DOCTORS_SCHEDULE_ROUTE,
];