修复ElementPlus中ElMessage样式问题

package-lock.json

@@ -12,7 +12,7 @@
         "axios": "^1.6.2",
         "crypto-js": "^4.2.0",
         "echarts": "^5.4.3",
-        "element-plus": "^2.4.2",
+        "element-plus": "^2.4.3",
         "vant": "^4.7.3",
         "vue": "^3.3.4",
         "vue-router": "^4.2.5"

package.json

@@ -13,7 +13,7 @@
     "axios": "^1.6.2",
     "crypto-js": "^4.2.0",
     "echarts": "^5.4.3",
-    "element-plus": "^2.4.2",
+    "element-plus": "^2.4.3",
     "vant": "^4.7.3",
     "vue": "^3.3.4",
     "vue-router": "^4.2.5"

src/main.ts

@@ -3,6 +3,7 @@ import './style.css'
 import App from './App.vue'
 import Mobile from './views/AppMobile.vue'
 import PC from './views/AppPC.vue'
+import 'element-plus/dist/index.css';
 import {createRouter, createWebHashHistory} from "vue-router";
 
 const router = createRouter({

tsconfig.json

@@ -20,6 +20,12 @@
     "noUnusedParameters": true,
     "noFallthroughCasesInSwitch": true
   },
-  "include": ["src/**/*.ts", "src/**/*.d.ts", "src/**/*.tsx", "src/**/*.vue"],
+  "include": [
+    "src/**/*.ts",
+    "src/**/*.d.ts",
+    "src/**/*.tsx",
+    "src/**/*.vue",
+    "auto-imports.d.ts"
+  ],
   "references": [{ "path": "./tsconfig.node.json" }]
 }

vite.config.ts

@@ -11,10 +11,10 @@ export default defineConfig({
     server: {
         host: "0.0.0.0",
         port: 5173,
-/*        https: {
+        https: {
             key: readFileSync("keys/agent2-key.pem"),
             cert: readFileSync("keys/agent2-cert.pem"),
-        }*/
+        }
     },
     plugins: [
         AutoImport({
@@ -24,7 +24,9 @@ export default defineConfig({
         }),
         Components({
             resolvers: [
-                ElementPlusResolver(),
+                ElementPlusResolver({
+                    importStyle: "css", // 确保样式也被自动导入
+                }),
                 VantResolver(),
             ],
         }),