字体图标不全问题解决

package.json

@@ -48,7 +48,6 @@
   },
   "dependencies": {
     "@better-scroll/core": "2.5.1",
-    "@fortawesome/fontawesome-free": "^6.6.0",
     "@iconify/vue": "4.1.2",
     "@sa/axios": "workspace:*",
     "@sa/color": "workspace:*",
@@ -59,6 +58,7 @@
     "clipboard": "2.0.11",
     "dayjs": "1.11.12",
     "echarts": "5.5.1",
+    "font-awesome": "4.7.0",
     "naive-ui": "2.39.0",
     "nprogress": "0.2.0",
     "pinia": "2.2.0",

pnpm-lock.yaml

@@ -11,9 +11,6 @@ importers:
       '@better-scroll/core':
         specifier: 2.5.1
         version: 2.5.1
-      '@fortawesome/fontawesome-free':
-        specifier: ^6.6.0
-        version: 6.6.0
       '@iconify/vue':
         specifier: 4.1.2
         version: 4.1.2(vue@3.4.35(typescript@5.5.4))
@@ -44,6 +41,9 @@ importers:
       echarts:
         specifier: 5.5.1
         version: 5.5.1
+      font-awesome:
+        specifier: 4.7.0
+        version: 4.7.0
       naive-ui:
         specifier: 2.39.0
         version: 2.39.0(vue@3.4.35(typescript@5.5.4))
@@ -882,10 +882,6 @@ packages:
     resolution: {integrity: sha512-BsWiH1yFGjXXS2yvrf5LyuoSIIbPrGUWob917o+BTKuZ7qJdxX8aJLRxs1fS9n6r7vESrq1OUqb68dANcFXuQQ==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
-  '@fortawesome/fontawesome-free@6.6.0':
-    resolution: {integrity: sha512-60G28ke/sXdtS9KZCpZSHHkCbdsOGEhIUGlwq6yhY74UpTiToIh8np7A8yphhM4BWsvNFtIvLpi4co+h9Mr9Ow==}
-    engines: {node: '>=6'}
-
   '@humanwhocodes/module-importer@1.0.1':
     resolution: {integrity: sha512-bxveV4V8v5Yb4ncFTT3rPSgZBOpCkjfK0y4oVVVJwIuDVBRMDXrPyXRL988i5ap9m9bnyEEjWfm5WkBmtffLfA==}
     engines: {node: '>=12.22'}
@@ -2486,6 +2482,10 @@ packages:
       debug:
         optional: true
 
+  font-awesome@4.7.0:
+    resolution: {integrity: sha512-U6kGnykA/6bFmg1M/oT9EkFeIYv7JlX3bozwQJWiiLz6L0w3F5vBVPxHlwyX/vtNq1ckcpRKOB9f2Qal/VtFpg==}
+    engines: {node: '>=0.10.3'}
+
   for-each@0.3.3:
     resolution: {integrity: sha512-jqYfLp7mo9vIyQf8ykW2v7A+2N4QjeCeI5+Dz9XraiO1ign81wjiH7Fb9vSOWvQfNtmSa4H2RoQTrrXivdUZmw==}
 
@@ -5091,8 +5091,6 @@ snapshots:
 
   '@eslint/object-schema@2.1.4': {}
 
-  '@fortawesome/fontawesome-free@6.6.0': {}
-
   '@humanwhocodes/module-importer@1.0.1': {}
 
   '@humanwhocodes/retry@0.3.0': {}
@@ -6924,6 +6922,8 @@ snapshots:
 
   follow-redirects@1.15.6: {}
 
+  font-awesome@4.7.0: {}
+
   for-each@0.3.3:
     dependencies:
       is-callable: 1.2.7

src/main.ts

@@ -2,7 +2,7 @@ import { createApp } from 'vue';
 import './plugins/assets';
 import { localStg } from '@/utils/storage';
 // main.js or main.ts
-import '@fortawesome/fontawesome-free/css/all.css'; // 导入所有的 Font Awesome 样式
+import 'font-awesome/css/font-awesome.css'; // 导入所有的 Font Awesome 样式
 import { setupDayjs, setupIconifyOffline, setupLoading, setupNProgress } from './plugins';
 import { setupStore } from './store';
 import { setupRouter } from './router';