fix: 修复layout及子组件更改时热更新报错问题(将layout layoutPage改为动态引入)

meadmin-cn · Nov 9, 2022 · 3a96bb6 · 3a96bb6
1 parent f42271c
commit 3a96bb6
Show file tree

Hide file tree

Showing 7 changed files with 11 additions and 9 deletions.
diff --git a/src/router/constant.ts b/src/router/constant.ts
@@ -0,0 +1,2 @@
+export const Layout = ()=>import('@/layout/index.vue');
+export const LayoutPage = ()=>import('@/layout/components/page.vue');
diff --git a/src/router/index.ts b/src/router/index.ts
@@ -3,13 +3,14 @@ import { PageEnum } from '@/enums/pageEnum';
 import { App } from 'vue';
 import { setupRouterGuard } from './guard';
 import { concatObjectValue } from '@/utils/helper';
-import Layout from '@/layout/index.vue';
+import { Layout } from '@/router/constant';
 export const asyncRoutes = concatObjectValue<RouteRecordRaw>(
   import.meta.glob('./routes/*.ts', { eager: true, import: 'routes' }),
 );
 import { isExternal } from '@/utils/validate';
 import { resolve } from 'path-browserify';
 
+
 export const constantRoutes: RouteRecordRaw[] = [
   {
     path: '/',

diff --git a/src/router/routes/1-dashboard.ts b/src/router/routes/1-dashboard.ts
@@ -1,6 +1,6 @@
 import { PageEnum } from '@/enums/pageEnum';
 import { RouteRecordRaw } from 'vue-router';
-import Layout from '@/layout/index.vue';
+import { Layout } from '@/router/constant';
 import { concatObjectValue } from '@/utils/helper';
 export const routes: RouteRecordRaw[] = [
   {

diff --git a/src/router/routes/2-example.ts b/src/router/routes/2-example.ts
@@ -1,5 +1,5 @@
 import { RouteRecordRaw } from 'vue-router';
-import Layout from '@/layout/index.vue';
+import { Layout } from '@/router/constant';
 import { concatObjectValue } from '@/utils/helper';
 export const routes: RouteRecordRaw[] = [
   {

diff --git a/src/router/routes/example/6-multilevel.ts b/src/router/routes/example/6-multilevel.ts
@@ -1,5 +1,5 @@
-import { RouteRecordRaw, RouterView } from 'vue-router';
-import LayoutPage from '@/layout/components/page.vue';
+import { RouteRecordRaw } from 'vue-router';
+import {LayoutPage} from '@/router/constant';
 import { concatObjectValue } from '@/utils/helper';
 export const routes: RouteRecordRaw[] = [
   {

diff --git a/src/router/routes/example/multilevel/1.ts b/src/router/routes/example/multilevel/1.ts
@@ -1,5 +1,5 @@
-import { RouteRecordRaw, RouterView } from 'vue-router';
-import LayoutPage from '@/layout/components/page.vue';
+import { RouteRecordRaw } from 'vue-router';
+import {LayoutPage} from '@/router/constant';
 export const routes: RouteRecordRaw[] = [
   {
     path: '1',

diff --git a/src/utils/permission.ts b/src/utils/permission.ts
@@ -1,5 +1,4 @@
-import Layout from '@/layout/index.vue';
-import LayoutPage from '@/layout/components/page.vue';
+import { Layout,LayoutPage } from '@/router/constant';
 import Page404 from '@/views/404.vue';
 import { useUserStore } from '@/store';
 import { RouteRecordRaw } from 'vue-router';