首次报错问题解决

package.json

@@ -36,13 +36,13 @@
     "@logicflow/core": "^1.2.18",
     "@logicflow/extension": "^1.2.19",
     "@microsoft/fetch-event-source": "^2.0.1",
-    "@tinymce/tinymce-vue": "^5.1.1",
+    "@tinymce/tinymce-vue": "^6.1.0",
     "@traptitech/markdown-it-katex": "^3.6.0",
     "@types/markdown-it": "^14.1.2",
     "@vueup/vue-quill": "1.1.0",
     "@vueuse/core": "9.5.0",
     "aplayer": "^1.10.1",
-    "axios": "0.27.2",
+    "axios": "^1.8.4",
     "better-scroll": "^2.5.1",
     "bpmn-js": "^13.2.2",
     "bpmn-js-task-resize": "^1.2.0",
@@ -59,7 +59,7 @@
     "eslint": "^8.56.0",
     "file-saver": "2.0.5",
     "fingerprintjs2": "^2.1.4",
-    "form-making": "^1.2.11",
+    "form-making": "^0.1.10",
     "fuse.js": "6.6.2",
     "getmac": "^6.4.0",
     "highlight.js": "^10.5.0",
@@ -79,12 +79,12 @@
     "qrcodejs2-fix": "^0.0.1",
     "sortablejs": "^1.15.1",
     "tailwindcss": "3.4.17",
-    "tinymce": "^6.8.2",
+    "tinymce": "^7.8.0",
     "vue": "3.2.45",
     "vue-cropper": "1.0.3",
     "vue-json-pretty": "^2.4.0",
     "vue-router": "4.1.4",
-    "yarn": "^1.22.19"
+    "yarn": "^1.22.22"
   },
   "devDependencies": {
     "@vitejs/plugin-vue": "3.1.0",
@@ -98,10 +98,10 @@
     "prettier": "^2.8.8",
     "sass": "1.56.1",
     "tailwindcss": "^3.4.17",
-    "unplugin-auto-import": "0.11.4",
-    "vite": "3.2.3",
+    "unplugin-auto-import": "^0.11.5",
+    "vite": "^3.2.11",
     "vite-plugin-compression": "0.5.1",
-    "vite-plugin-svg-icons": "2.0.1",
+    "vite-plugin-svg-icons": "^2.0.1",
     "vite-plugin-vue-setup-extend": "0.4.0"
   }
 }

vite.config.js

@@ -56,3 +56,13 @@ export default defineConfig(({ mode, command }) => {
     }
   }
 })
+
+// 删除这个函数，因为它应该在 vite/plugins 目录中定义
+// function createSvgIcon(viteEnv) {
+//   const { createSvgIconsPlugin } = require('vite-plugin-svg-icons')
+//   return createSvgIconsPlugin({
+//     iconDirs: [path.resolve(process.cwd(), 'src/assets/icons/svg')],
+//     symbolId: 'icon-[dir]-[name]',
+//     svgoOptions: true
+//   })
+// }

vite/plugins/index.js

@@ -1,4 +1,7 @@
 import vue from '@vitejs/plugin-vue'
+// 修改导入方式
+import { createSvgIconsPlugin } from 'vite-plugin-svg-icons'
+import path from 'path'
 
 import createAutoImport from './auto-import'
 import createSvgIcon from './svg-icon'
@@ -11,5 +14,14 @@ export default function createVitePlugins(viteEnv, isBuild = false) {
   vitePlugins.push(createSetupExtend())
   vitePlugins.push(createSvgIcon(isBuild))
   isBuild && vitePlugins.push(...createCompression(viteEnv))
+  // 修改 SVG 图标插件的使用方式
+  vitePlugins.push(
+    createSvgIconsPlugin({
+      iconDirs: [path.resolve(process.cwd(), 'src/assets/icons/svg')],
+      symbolId: 'icon-[dir]-[name]',
+      svgoOptions: true
+    })
+  )
+  
   return vitePlugins
 }