在main.ts中全局注册图标组建，在HelloWorld.vue中测试引入是否成功

（测试结果---引入成功）

order-system/src/components/HelloWorld.vue

@@ -6,7 +6,15 @@ import { ref } from 'vue'
 
 <template>
   <h1>测试路由搭载是否成功，不需要msg</h1>
-
+  <h1>测试Element-plus是否引入成功</h1>
+  <div class="mb-4">
+    <el-button>Default</el-button>
+    <el-button type="primary">Primary</el-button>
+    <el-button type="success">Success</el-button>
+    <el-button type="info">Info</el-button>
+    <el-button type="warning">Warning</el-button>
+    <el-button type="danger">Danger</el-button>
+  </div>
 </template>
 
 <style scoped>

order-system/src/main.ts

@@ -7,9 +7,16 @@ import App from './App.vue'
 // 导入Element Plus
 import ElementPlus from 'element-plus'
 import 'element-plus/dist/index.css'
+import * as ElementPlusIconsVue from '@element-plus/icons-vue'
 // createApp(App).mount('#app')
 
 // 挂载路由
 // 导入组件
-createApp(App).use(router).use(ElementPlus).mount('#app');
+const app = createApp(App)
+app.use(router).use(ElementPlus).mount('#app');
+
+// 全局注册图标组件
+for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
+  app.component(key, component)
+}
 

order-system/src/vite-env.d.ts

@@ -1,5 +1,12 @@
 /// <reference types="vite/client" />
 /// <reference types="vite-plugin-vue/client" />
+/// <reference types="element-plus/global" />
+
+// 确保Object.entries有正确的类型定义
+interface ObjectConstructor {
+  entries<T>(o: { [s: string]: T } | ArrayLike<T>): [string, T][];
+  entries(o: {}): [string, any][];
+}
 
 // 声明 Vue 文件模块
 declare module '*.vue' {

order-system/tsconfig.node.json

@@ -6,6 +6,7 @@
     "module": "ESNext",
     "skipLibCheck": true,
 
+
     /* Bundler mode */
     "moduleResolution": "bundler",
     "allowImportingTsExtensions": true,