使用@antv/x6-vue-shape 遇到的问题

news2024/10/5 12:58:11

最近用@antv/x6开发一个功能,遇到的坑太多了,心累啊。。。

想用官方提供的@antv/x6-vue-shape  ,目的是使用vue组件创建画布元素。

官方文档:

 链接:使用 HTML/React/Vue/Angular 渲染 | X6

使用npm install 安装 报错:

package.json: 

vue 用的是2.7.8 的版本

刚开始报错:

因为@vue/composition-api  需要的vue版本在vue@">= 2.5 < 2.7,

所以修改vue的版本,改为2.6.14;

继续报错:

 

vue-demi 包显示结构:("vue-demi": "^0.14.5")

"vue-demi": "0.10.0" 的版本是没有getCurrentInstance

 最终还是要用"vue-demi": "0.10.0", 要不然最后打包的还是报错。 

最后排查了大半天,找同事一起看,看他用的是npm i 安装包不报错了。也会遇到上面同样的问题。

使用npm i 安装

先清除,命令:npm cache clear --force,

再删除本地的包,命令:rimraf node_modules ,

然后再全局使用npm i 安装

使用npm i 安装的vue-demi

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/894236.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

【工具】 删除Chrome安装的“创建快捷方式”

创建Chrome的快捷方式&#xff0c;可以放在桌面&#xff0c;想用时双击就可以打开网页&#xff0c;比书签&#xff08;brookmark&#xff09;结构化管理更方便。 但是&#xff0c;安装一时爽&#xff0c;卸载有问题。 如果用 windows 控制面板\所有控制面板项\程序和功能 卸载…

C++超基础语法

&#x1f493;博主个人主页:不是笨小孩&#x1f440; ⏩专栏分类:数据结构与算法&#x1f440; C&#x1f440; 刷题专栏&#x1f440; C语言&#x1f440; &#x1f69a;代码仓库:笨小孩的代码库&#x1f440; ⏩社区&#xff1a;不是笨小孩&#x1f440; &#x1f339;欢迎大…

企业到什么阶段需要进行数字化转型?

数字化转型并不是一个一刀切的过程&#xff0c;也不存在普遍规定企业必须在何时经历数字化转型的特定阶段。然而&#xff0c;有一些常见的触发因素或情况往往会促使企业考虑或踏上数字化转型之旅&#xff1a; 1.不断变化的商业格局&#xff1a;当企业面临客户行为、市场动态或…

visual studio 2022配置

前提&#xff1a;我linux c 开发 一直在使用vscode 更新了个版本突然代码中的查找所用引用和变量修改名称不能用了&#xff0c;尝试了重新配置clang vc都不行&#xff0c;估计是插件问题&#xff0c;一怒之下改用visual studio 2022 为了同步2个IDE之间的差别&#xff0c;目前…

Unity小项目__打砖块

//1.添加地面 1&#xff09;创建一个平面&#xff0c;命名为Ground。 2)创建一个Materials文件夹&#xff0c;并在其中创建一个Ground材质&#xff0c;左键拖动其赋给平面Plane。 3)根据喜好设置Ground材质和Ground平面的属性。 // 2.创建墙体 1&#xff09;创建一个Cube&…

无涯教程-Perl - unshift函数

描述 此函数按顺序将LIST中的元素放在ARRAY的开头。这与shift()相反。 语法 以下是此函数的简单语法- unshift ARRAY, LIST返回值 此函数返回ARRAY中新元素的数量。 例 以下是显示其基本用法的示例代码- #!/usr/bin/perl -warray ( 1, 2, 3, 4);print "Value of a…

关于svg

1.svg是一种基于XML语法的图像格式&#xff0c;是一种图像格式&#xff0c;是一种对图像的描述&#xff0c;不是基于像素处理的&#xff0c;因此他的本质是文件&#xff0c;而且体积小不易失真。 2.svg文件可以直接插入网页&#xff0c;也就是html文件中&#xff0c;成为dom的…

批量爬虫采集完成任务

批量爬虫采集是现代数据获取的重要手段&#xff0c;然而如何高效完成这项任务却是让许多程序员头疼的问题。本文将分享一些实际操作价值高的方法&#xff0c;帮助你提高批量爬虫采集的效率和专业度。 目标明确&#xff0c;任务合理划分&#xff1a; 在开始批量爬虫采集前&…

带你快速认识Java异常和bug的解决过程

一 常见异常介绍 1.1 编译时异常 1. 操作数据库产生的异常 SQLException 2. 操作文件产生的异常 IOException 3. 文件找不到的异常 FileNotFoundException 4. 类找不到异常 ClassNotFoundException 5. 非法参数异常 IllegalArguementException 1.2 运行时异常 1. 空指针异…

ONNX版本YOLOV5-DeepSort (rknn版本已经Ready)

目录 1. 前言 2. 储备知识 3. 准备工作 4. 代码修改的地方 5.结果展示 1. 前言 之前一直在忙着写文档&#xff0c;之前一直做分类&#xff0c;检测和分割&#xff0c;现在看到跟踪算法&#xff0c;花了几天时间找代码调试&#xff0c;看了看&#xff0c;展示效果比单纯的检…

linux--链表动态创建

头插法&#xff1a; 核心代码&#xff1a; s->next head->next; head->next s; 尾插法 核心代码&#xff1a; tail head; s->next NULL; tail->next s; tail s; 当用头插法依次插入值分别为1,2,3,4,5的结点后&#xff0c; 单链表顺序为&#xff1a; he…

第一章 Java反射机制(韩顺平老师Java基础学习记录)

文章目录 前言一、没有反射机制前的java代码存在什么问题&#xff1f;二、使用反射机制解决问题1.加载类2.读入数据 总结 前言 每一项新技术以及新概念的提出都是源于存在着新“问题”&#xff0c;放在代码领域可以说是存在着新需求&#xff0c;那么为了解决这个需求&#xff…

谈谈无线充电技术

目录 1.无线充电的概念 2.无线充电的原理 3.无线充电技术的发展过程 4.无线充电的优势 5.无线充电的潜在危害 1.无线充电的概念 无线充电是一种无需通过物理连接&#xff0c;通过电磁感应或者共振等技术&#xff0c;实现设备充电的方式。它消除了传统有线充电中需要插拔电…

等保案例 7

用户简介 廊坊市审计局主管全市审计工作&#xff0c;负责对全市财政收支和法律法规规定属于审计监督范围的财务收支的真实、合法和效益进行审计监督&#xff1b;对审计、专项审计调查和核查社会审计机构相关审计报告的结果承担责任&#xff0c;并负有督促被审计单位整改的责任…

docker oracle linux命令执行sql

docker 安装参照 https://blog.csdn.net/arcsin_/article/details/123707618 docker container ls -a命令查看容器名 打开容器 docker exec -it orcl19c_03 /bin/bashsys 用户登录容器 sqlplus / as sysdbashow pdbs;什么是pdb数据库&#xff1f;什么是CDB&#xff1f; 参…

推进深度融合 打造智慧媒体

以下内容来自于易知微官网&#xff0c;点击一下&#xff0c;即可进入官网了解详情。 注意&#xff1a;案例数据均为虚拟数据 数字改革是一场波及经济社会发展全局、涵盖生产力到生产关系的全方位变革。在数字化时代&#xff0c;以数字改革赋能媒体深度融合已然成为时代所向、…

github以及上传代码处理

最近在github上传代码的时候出现了&#xff1a; /video_parser# git push -u origin main Username for https://github.com: gtnyxxx Password for https://gtny2010github.com: remote: Support for password authentication was removed on August 13, 2021. remote: Plea…

LeetCode450. 删除二叉搜索树中的节点

450. 删除二叉搜索树中的节点 文章目录 [450. 删除二叉搜索树中的节点](https://leetcode.cn/problems/delete-node-in-a-bst/)一、题目二、题解方法一&#xff1a;递归&#xff08;一种麻烦的方法&#xff09;方法二&#xff1a;优化后的递归 一、题目 给定一个二叉搜索树的根…

AJ-Captcha行为验证在vue中的使用

项目场景&#xff1a; 提示&#xff1a;这里简述项目相关背景&#xff1a; 项目场景&#xff1a;由原先的验证码校验升级为行为验证校验 使用方法 提示&#xff1a;参考文档&#xff1a; 参考文档&#xff1a;vue使用AJ-Captcha文档 gitee地址&#xff1a;AJ-Captcha &…

【Apollo】Apollo版本变迁里程碑

特点与改进 概述里程碑6.0版本特点及改进7.0版本特点及改进8.0版本特点及改进代码差异 主页传送门&#xff1a;&#x1f4c0; 传送 概述 Apollo (阿波罗)是一个开放的、完整的、安全的平台&#xff0c;将帮助汽车行业及自动驾驶领域的合作伙伴结合车辆和硬件系统&#xff0c;快…