首页 > 其他分享 >flowable流程移植新项目前端问题汇总

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

时间:2023-10-15 13:03:46浏览次数:33  
标签:node vue flowable modules 汇总 js loader 移植 compiler


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:

- [email protected] (F:\khxm\NBCIO_VUE\node_modules\vue\dist\vue.runtime.common.js)
- [email protected] (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:

- [email protected] (F:\khxm\NBCIO_VUE\node_modules\vue\dist\vue.runtime.common.js)
- [email protected] (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 [email protected]: The platform "win32" is incompatible with this module.
info "[email protected]" is an optional dependency and failed compatibility check. Excluding it from installation.
info [email protected]: The platform "win32" is incompatible with this module.
info "[email protected]" is an optional dependency and failed compatibility check. Excluding it from installation.
info [email protected]: The platform "win32" is incompatible with this module.
info "[email protected]" 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>

标签:node,vue,flowable,modules,汇总,js,loader,移植,compiler
From: https://blog.51cto.com/u_15070324/7871375

相关文章

  • 记录一下基于jeecg-boot3.0的待办消息移植记录
      因为之前没有记录,所以还要看代码进行寻找,比较费劲,所以今天记录一下:1、后端SysAnnouncementController下面函数增加待办的几个显示内容给前端用 具体代码如下:/** *@功能:补充用户数据,并返回系统消息 *@return */ @RequestMapping(value="/listByUser",method=Re......
  • Vue3 + Quasar系列-代码配置以及报错汇总记录(不断更新中)
    1.Vue3+Quasar系列-代码配置打包去掉hash后缀去掉hashhttps://quasar.dev/quasar-cli-vite/developing-pwa/configuring-pwa2.Vue3+Quasar改变主题背景quasar的样式和其他的框架修改不太一样,需要我们使用动态的方式来进行变更,一般来说有两种方案进行主题修改方案一:......
  • IntelliJ IDEA 2023.2社区版插件汇总
    参考插件帝:https://gitee.com/zhengqingya/idea-config/IDEA插件市场:https://plugins.jetbrains.com/突发小技巧:使用插件时要注意插件的版本兼容性,并根据自己的实际需求选择合适的插件。同时,不要过度依赖插件,保持简洁和高效的开发环境才是最重要的。@目录1.SmartTomc......
  • Python中图像相似性度量方法汇总
    1.引言在当前到处充满着图像的世界里,测量和量化图像之间的相似性已经成为一项关键的任务。无论是图像检索、内容推荐还是视觉搜索,图像相似性方法在现代计算机视觉的应用中都发挥着关键的作用。幸运的是,Python提供了大量的工具和库,使开发人员和研究人员都可以快速探索和实现这些功......
  • 基于.Net 的 AvaloniUI 多媒体播放器方案汇总
    基于.Net的AvaloniUI多媒体播放器方案汇总摘要随着国产化的推进,相信.Net的桌面端的小伙伴的可能已经有感受到了。为了让.Net的桌面框架能够跨桌面平台,首选的就是Avalona-UI。为了让AvaloniaUI能够跨多个平台播放视频,这里测试主要播放视频形式是使用RTSP。所以,在这篇博文中......
  • OpenBmc 常用命令汇总
    bitbake相关#编译u-bootbitbakeuboot#编译系统镜像bitbakecore-image-minimalbitbakecore-image-basebitbakefsl-image-guibitbakefsl-image-qt5bitbakefsl-image-multimedia#只下载不编译:bitbake-cfetchallcore-image-minimal#跳过错误,继续编译:bitb......
  • vmware P2V问题汇总
    1、迁移Linux虚拟机时,要注意配置HelperVMnetwork解决:创建Linux虚拟机迁移任务时,因为ConverterServer在vCenter上创建的helpervm虚拟机的缺省网络设置是自动获取ip地址,而网络上如果没有可用的dhcp服务,所以源虚拟机机和helpervm通讯失败。提交任务前的配置页静态配置helper......
  • windbg配置问题汇总(记录)
    .loadbysos.dllmscorwks.symfixc:\windows\symbolswindbg配置问题汇总1、FailedtofindruntimeDLL(clr.dll),0x80004005必须加载正确的.netsos版本0:000>!clrstackFailedtofindruntimeDLL(clr.dll),0x80004005Extensioncommandsneedclr.dllinordert......
  • 多线程使用场景二(数据汇总)
       ......
  • 【主页】个人主页汇总
    1、流程图解决方案地址:https://www.cnblogs.com/xiaohuizhang/p/17751582.html2、微信头像生成方案地址:https://zh888.gitee.io/header-img/#/3、node爬虫方案地址:https://www.cnblogs.com/xiaohuizhang/p/17751040.html地址2:https://www.cnblogs.com/xiaohuizhang/p/145913......