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

最近用@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/composition-api 建议使用版本："@vue/composition-api": "^1.7.2",

所以修改vue的版本，改为2.6.14；

，

继续报错：

 

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

卸载"vue-demi": "^0.14.5" 的版本，安装"vue-demi": "0.10.0"， 如下：

"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

继续踩坑：

重新安装@antv/x6-vue-shape  ，报错

之前的版本："@antv/x6-vue-shape": "^2.1.1"，目录结构里面的文件是这样的：

现在相同的版本，目录结构里的文件变了，把我害惨了：

尼玛，官方文档的包版本更新内容了。

解决办法：

换一个版本："@antv/x6-vue-shape": "^2.0.0"