проблема 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,
];

Ответы (0 шт):