chore(App): router加载完成再mount

ikuaitu · Jun 14, 2024 · e9c6d1c · e9c6d1c
1 parent 3f9f30f
commit e9c6d1c
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 20 deletions.
diff --git a/src/App.tsx b/src/App.tsx
diff --git a/src/main.ts b/src/main.ts
@@ -1,5 +1,5 @@
 import { createApp } from 'vue';
-import App from './App';
+import App from './App.vue';
 import router from './router';
 import ViewUiPlus from 'view-ui-plus';
 import 'view-ui-plus/dist/styles/viewuiplus.css';
@@ -12,8 +12,14 @@ import { VueMasonryPlugin } from 'vue-masonry';
 
 import i18n from './language/index';
 
-const app = createApp(App);
-
-app.use(VueMasonryPlugin);
-
-app.use(router).use(i18n).use(VueLazyLoad, {}).use(ViewUiPlus).mount('#app');
+async function bootstrap() {
+  const app = createApp(App);
+  app.use(VueMasonryPlugin);
+  app.use(router);
+  app.use(i18n);
+  app.use(VueLazyLoad, {});
+  app.use(ViewUiPlus);
+  await router.isReady();
+  app.mount('#app');
+}
+bootstrap();