flowable流程移植新项目前端问题汇总

简介: flowable流程移植新项目前端问题汇总

flowable流程移植到新项目时,出现一些前端问题,汇总如下:

PS F:\khxm\NBCIO_VUE> yarn run serve
yarn run v1.21.1
$ vue-cli-service serve
 INFO  Starting development server...
 ERROR  Error: 
Vue packages version mismatch:
- vue@2.6.11 (F:\khxm\NBCIO_VUE\node_modules\vue\dist\vue.runtime.common.js)
- vue-template-compiler@2.7.14 (F:\khxm\NBCIO_VUE\node_modules\vue-template-compiler\package.json)
This may cause things to work incorrectly. Make sure to use the same version for both.
If you are using vue-loader@>=10.0, simply update vue-template-compiler.
If you are using vue-loader@<10.0 or vueify, re-installing vue-loader/vueify should bump vue-template-compiler to the latest.
Error: 
Vue packages version mismatch:
- vue@2.6.11 (F:\khxm\NBCIO_VUE\node_modules\vue\dist\vue.runtime.common.js)
- vue-template-compiler@2.7.14 (F:\khxm\NBCIO_VUE\node_modules\vue-template-compiler\package.json)
This may cause things to work incorrectly. Make sure to use the same version for both.
If you are using vue-loader@>=10.0, simply update vue-template-compiler.
If you are using vue-loader@<10.0 or vueify, re-installing vue-loader/vueify should bump vue-template-compiler to the latest.
    at Object.<anonymous> (F:\khxm\NBCIO_VUE\node_modules\vue-template-compiler\index.js:10:9)
    at Module._compile (node:internal/modules/cjs/loader:1105:14)
    at Object.Module._extensions..js (node:internal/modules/cjs/loader:1159:10)
    at Module.load (node:internal/modules/cjs/loader:981:32)
    at Function.Module._load (node:internal/modules/cjs/loader:822:12)
    at Module.require (node:internal/modules/cjs/loader:1005:19)
    at require (node:internal/modules/cjs/helpers:102:18)
    at loadFromContext (F:\khxm\NBCIO_VUE\node_modules\@vue\cli-service\node_modules\vue-loader\lib\compiler.js:30:10)
    at loadTemplateCompiler (F:\khxm\NBCIO_VUE\node_modules\@vue\cli-service\node_modules\vue-loader\lib\compiler.js:37:12)
    at exports.resolveCompiler (F:\khxm\NBCIO_VUE\node_modules\@vue\cli-service\node_modules\vue-loader\lib\compiler.js:25:23)
    at webpack (F:\khxm\NBCIO_VUE\node_modules\webpack\lib\webpack.js:51:13)
    at serve (F:\khxm\NBCIO_VUE\node_modules\@vue\cli-service\lib\commands\serve.js:163:22)
    at processTicksAndRejections (node:internal/process/task_queues:96:5)
error Command failed with exit code 1.
info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.
PS F:\khxm\NBCIO_VUE> yarn install  
yarn install v1.21.1
warning package-lock.json found. Your project contains lock files generated by tools other than Yarn. It is advised not to mix package managers in order to avoid resolution inconsistencies caused by u
nsynchronized lock files. To clear this warning, remove package-lock.json.
[1/4] Resolving packages...
[2/4] Fetching packages...
info fsevents@2.3.2: The platform "win32" is incompatible with this module.
info "fsevents@2.3.2" is an optional dependency and failed compatibility check. Excluding it from installation.
info fsevents@1.2.13: The platform "win32" is incompatible with this module.
info "fsevents@1.2.13" is an optional dependency and failed compatibility check. Excluding it from installation.
info fsevents@2.1.3: The platform "win32" is incompatible with this module.
info "fsevents@2.1.3" is an optional dependency and failed compatibility check. Excluding it from installation.
[3/4] Linking dependencies...

原因:版本不匹配,需要将vue改成和vue-template-compiler一样的版本

或改 vue或修改vue-template-compiler

我把下面两个组件都修改成2.7.14

"vue": "^2.7.14",
"vue-template-compiler": "^2.7.14"

,

后来出现下面问题

ERROR  Failed to compile with 2 errors                                                                                          
These dependencies were not found:
ervice/node_modules/vue-loader/lib??vue-loader-options!./src/components/ProcessViewer/index.vue?vue&type=script&lang=js&
* diagram-js/lib/util/Mouse in ./src/plugins/package/designer/plugins/content-pad/contentPadProvider.js
To install them, you can run: npm install --save diagram-js/lib/navigation/movecanvas diagram-js/lib/util/Mouse

看是找不到对应的css,后来看modules里没有install diagram-js  ,把package-lock.json和 yarn.lock 删除后,重新yarn  install就好了

找不到对象,后来看到时api的一些函数有错误引起的。

[Vue warn]: Error in v-on handler: "TypeError: Object(...) is not a function"
found in
---> <ElButton> at packages/button/src/button.vue
       <ElTableRow>
         <ElTableBody>
           <ElTable> at packages/table/src/table.vue
             <ElCol>
               <ElRow>
                 <Anonymous>
                   <Anonymous>
                     <Portal>
                       <PortalWrapper>
                         <Anonymous>
                           <AModal>
                             <ACard>
                               <SysCustomFormList> at src/views/flowable/SysCustomFormList.vue
                                 <RouteView> at src/components/layouts/RouteView.vue
                                   <Anonymous>
相关文章
|
2月前
|
前端开发 JavaScript 定位技术
一、前端高德地图注册、项目中引入、渲染标记(Marker)and覆盖物(Circle)
文章介绍了如何在前端项目中注册并使用高德地图API,包括注册高德开放平台账号、引入高德地图到项目、以及如何在地图上渲染标记(Marker)和覆盖物(Circle)。
84 1
|
25天前
|
JavaScript 前端开发 Docker
前端全栈之路Deno篇(二):几行代码打包后接近100M?别慌,带你掌握Deno2.0的安装到项目构建全流程、剖析构建物并了解其好处
在使用 Deno 构建项目时,生成的可执行文件体积较大,通常接近 100 MB,而 Node.js 构建的项目体积则要小得多。这是由于 Deno 包含了完整的 V8 引擎和运行时,使其能够在目标设备上独立运行,无需额外安装依赖。尽管体积较大,但 Deno 提供了更好的安全性和部署便利性。通过裁剪功能、使用压缩工具等方法,可以优化可执行文件的体积。
103 3
前端全栈之路Deno篇(二):几行代码打包后接近100M?别慌,带你掌握Deno2.0的安装到项目构建全流程、剖析构建物并了解其好处
|
15天前
|
前端开发 Unix 测试技术
揭秘!前端大牛们如何高效管理项目,确保按时交付高质量作品!
【10月更文挑战第30天】前端开发项目涉及从需求分析到最终交付的多个环节。本文解答了如何制定合理项目计划、提高团队协作效率、确保代码质量和应对项目风险等问题,帮助你学习前端大牛们的项目管理技巧,确保按时交付高质量的作品。
28 2
|
1月前
|
前端开发 JavaScript 应用服务中间件
linux安装nginx和前端部署vue项目(实际测试react项目也可以)
本文是一篇详细的教程,介绍了如何在Linux系统上安装和配置nginx,以及如何将打包好的前端项目(如Vue或React)上传和部署到服务器上,包括了常见的错误处理方法。
289 0
linux安装nginx和前端部署vue项目(实际测试react项目也可以)
|
26天前
|
缓存 前端开发 JavaScript
前端架构思考:代码复用带来的隐形耦合,可能让大模型造轮子是更好的选择-从 CDN 依赖包被删导致个站打不开到数年前因11 行代码导致上千项目崩溃谈谈npm黑洞 - 统计下你的项目有多少个依赖吧!
最近,我的个人网站因免费CDN上的Vue.js包路径变更导致无法访问,引发了我对前端依赖管理的深刻反思。文章探讨了NPM依赖陷阱、开源库所有权与维护压力、NPM生态问题,并提出减少不必要的依赖、重视模块设计等建议,以提升前端项目的稳定性和可控性。通过“left_pad”事件及个人经历,强调了依赖管理的重要性和让大模型代替人造轮子的潜在收益
|
1月前
|
前端开发 JavaScript 开发工具
前端代码规范和质量是确保项目可维护性、可读性和可扩展性的关键(三)
前端代码规范和质量是确保项目可维护性、可读性和可扩展性的关键(三)
34 0
|
1月前
|
Web App开发 前端开发 JavaScript
前端代码规范和质量是确保项目可维护性、可读性和可扩展性的关键(二)
前端代码规范和质量是确保项目可维护性、可读性和可扩展性的关键(二)
48 0
|
1月前
|
Web App开发 移动开发 前端开发
前端代码规范和质量是确保项目可维护性、可读性和可扩展性的关键(一)
前端代码规范和质量是确保项目可维护性、可读性和可扩展性的关键(一)
46 0
|
1月前
|
前端开发 API 开发者
🥇前端宝藏:多项目掌握技能的冒险之旅🏆
在前端开发的学习旅程中,实践是提升技能的关键。本文介绍了多个前端项目,包括计算器、天气应用、经典游戏等,涵盖了从React到Svelte的各种技术栈。每个项目都附有在线演示和源代码,旨在帮助读者深入理解实现细节,激励更多人参与实际项目开发。通过这些项目,读者可以将理论知识转化为实践,拓展职业机会。
17 0
|
1月前
|
前端开发 JavaScript
轻松上手:基于single-spa构建qiankun微前端项目完整教程
轻松上手:基于single-spa构建qiankun微前端项目完整教程
40 0