因為這個項目license問題無法開源，更多技術支持與服務請加入我的知識星球。

1、vue3 jeeg-boot-vue3新版本的流程定義的頁面，刷新出現下面問題，或第一次進去也一樣

看著好像就一個警告的信息，不知道是什么原因引起的，應該是樣式問題

需要加入相應的組件的一些內容，如下，才可以

import { ElForm } from 'element-plus';import 'element-plus/dist/index.css'import 'element-plus/theme-chalk/display.css'import '@/lib/vform/designer.style.css';

2、接口api注意參數名稱的不同，意義不一樣

一般最好用下面的params ，用query可能會查詢不出來

export const listDefinition = (params: any) => defHttp.get({ url: Api.listDefinition, params });

比如下面的接口必須要用params參數

public Result list(@ApiParam(value = "當前頁碼", required = true) @RequestParam(name="pageNum",defaultValue="1")Integer pageNum,@ApiParam(value = "每頁條數", required = true) @RequestParam(name="pageSize",defaultValue="10")Integer pageSize,FlowProcDefDto flowProcDefDto) {return Result.OK(flowDefinitionService.list(pageNum, pageSize,flowProcDefDto));}

3、a-modal 在vue3里跟vue2不一樣的地方，顯示需要用v-model:open，否則顯示不出來

4、注意新的 defHttp請求注意后面的參數{ isTransformResponse: false }，最好是加上，否則可能返回只是結果了，沒有了result，success等信息了，這樣對原先的兼容性就不好了。

// 任務流轉記錄
export const flowRecord = (params: any) => defHttp.get({ url: Api.flowRecord, params },{ isTransformResponse: false });

5、原先的界面代碼改動比較大，最好還是用新版本生成代碼界面，重新設計，否則可能改動更大，更麻煩。

6、在新的頁面上基本上都要加上下面的引入

  import { ref, reactive, onBeforeMount, onMounted, computed, nextTick, toRefs, toRaw } from 'vue';import { useRouter, useRoute } from 'vue-router';import { useMessage } from '/@/hooks/web/useMessage';const router = useRouter();const route = useRoute();const { createMessage, createConfirm } = useMessage();

7、增加一些功能后，online表單經常出現下面的錯誤

SyntaxError: The requested module '/node_modules/.pnpm/clipboard@2.0.11/node_modules/clipboard/dist/clipboard.js?v=a545e7a9' does not provide an export named 'default'

解決辦法：直接在vite.config.ts中，找到optimizeDeps配置，增加include配置，強調預構建clipboard包。重新npm run dev或pnpm dev即可。