vue3框架使用@antv/x6-vue-shape注册自定义节点，addNode报不存在的错误

[yangboyu-934924296]

问题描述

<script setup> import { Graph } from '@antv/x6'; import { ref, onMounted } from 'vue' import Count from '@/components/ProgressNode.vue' import { register } from '@antv/x6-vue-shape' register({ shape: 'custom-vue-node', width: 100, height: 100, component: Count, }) let graph = ref(null) onMounted(() => { graph.value = new Graph({ container: document.getElementById('container'), }) graph.value.addNode({ shape: 'custom-vue-node', x: 60, y: 100, }) }) </script>

//ProgressNode.vue

<script setup> import { ref } from 'vue' const count = ref(0) </script> You clicked me {{ count }} times. 版本 "@antv/x6": "^2.18.1", "@antv/x6-vue-shape": "^2.1.1", "vue": "^3.4.19"

重现链接

StackBlitz

重现步骤

<script setup> import { Graph } from '@antv/x6'; import { ref, onMounted } from 'vue' import Count from '@/components/ProgressNode.vue' import { register } from '@antv/x6-vue-shape' register({ shape: 'custom-vue-node', width: 100, height: 100, component: Count, }) let graph = ref(null) onMounted(() => { graph.value = new Graph({ container: document.getElementById('container'), }) graph.value.addNode({ shape: 'custom-vue-node', x: 60, y: 100, }) }) </script> <style lang="scss" scoped> #container { width: 100%; height: 100%; } </style>

//ProgressNode.vue

<script setup> import { ref } from 'vue' const count = ref(0) </script> You clicked me {{ count }} times.

预期行为

正常显示vue节点

平台

• 操作系统: [macOS, Windows, Linux, React Native ...]
• 网页浏览器: [Google Chrome, Safari, Firefox ...]
• X6 版本: [2.11.1 ...]

屏幕截图或视频（可选）

No response

补充说明（可选）

No response

[yangboyu-934924296]

vite版本问题导致的。
{
"name": "vite-vue-starter",
"private": true,
"version": "0.0.0",
"type": "module",
"scripts": {
"dev": "vite",
"build": "vite build",
"preview": "vite preview"
},
"dependencies": {
"@antv/x6": "^2.18.1",
"@antv/x6-vue-shape": "^2.1.2",
"vue": "^3.4.19"
},
"devDependencies": {
"@vitejs/plugin-vue": "^5.0.4",
"vite": "^5.1.4"
}
}

[x6-bot]

This thread has been automatically locked because it has not had recent activity.

Please open a new issue for related bugs and link to relevant comments in this thread.