fix: reloading 问题

Author: midfar

src/router/index.ts

@@ -404,16 +404,11 @@ const createTheRouter = ():Router => createRouter({
   routes: constantRoutes
 });
 
-interface RouterPro extends Router {
-  matcher: unknown;
-}
-
-const router = createTheRouter() as RouterPro;
+const router:Router = createTheRouter();
 
 // Detail see: https://github.com/vuejs/vue-router/issues/1234#issuecomment-357941465
 export function resetRouter() {
-  const newRouter = createTheRouter() as RouterPro;
-  router.matcher = newRouter.matcher; // reset router
+  router.clearRoutes();
 }
 
 export default router;

vite.config.ts

@@ -1,5 +1,6 @@
 import { fileURLToPath, URL } from 'node:url';
 import path from 'node:path';
+import fs from 'fs';
 
 import { defineConfig, loadEnv } from 'vite';
 import vue from '@vitejs/plugin-vue';
@@ -22,6 +23,21 @@ export default defineConfig(({ command, mode }) => {
   // According to the project configuration. Can be configured in the .env file
   const prodMock = true;
 
+  // 解决终端 optimized dependencies changed. reloading 问题
+  const optimizeDepsElementPlusIncludes = ['element-plus/es'];
+  fs.readdirSync('node_modules/element-plus/es/components').map((dirname) => {
+    fs.access(
+      `node_modules/element-plus/es/components/${dirname}/style/css.mjs`,
+      (err) => {
+        if (!err) {
+          optimizeDepsElementPlusIncludes.push(
+            `element-plus/es/components/${dirname}/style/css`
+          );
+        }
+      }
+    );
+  });
+
   return {
     base: '/', // 注意，必须以"/"结尾，BASE_URL配置
     define: {
@@ -33,6 +49,9 @@ export default defineConfig(({ command, mode }) => {
       },
       extensions: ['.mjs', '.js', '.ts', '.jsx', '.tsx', '.json', '.vue']
     },
+    optimizeDeps: {
+      include: optimizeDepsElementPlusIncludes
+    },
     plugins: [
       vue(),
       Inspect(),