vue2 中 自定义的node 没有办法register

[helxsz]

使用的2.0版本x6，grpah能够正常显示， 但是自定义的node不能够register，

Error: Node with name 'container-node' does not exist.
at Registry.onNotFound (registry.js:54:1)
at Node.create (node.js:782:1)
at Model.createNode (model.js:210:1)
at Model.addNode (model.js:199:1)

使用的库

    "@antv/x6": "^2.11.3",
    "@antv/x6-plugin-dnd": "^2.0.6",
    "@antv/x6-plugin-minimap": "^2.0.5",
    "@antv/x6-plugin-stencil": "^2.1.4",
    "@antv/x6-vue-shape": "^2.1.1",

自定义的vue版本的node，基于vue2

<template>
  <div class="low-code-node" :class="status">
    <img :src="image.logo" alt="" />
    <span class="label">{{ label }}</span>
    <span class="status">
      <img v-if="status === 'success'" :src="image.success" alt="" />
      <img v-else-if="status === 'failed'" :src="image.failed" alt="" />
      <img v-else-if="status === 'running'" :src="image.running" alt="" />
    </span>
  </div>
</template>

<script>
  export default {
    inject: ['getGraph', 'getNode'],
    data() {
      return {
        label: '',
        status: '',
        // 图片信息
        image: {
          logo: 'https://gw.alipayobjects.com/mdn/rms_43231b/afts/img/A*evDjT5vjkX0AAAAAAAAAAAAAARQnAQ',
          success:
            'https://gw.alipayobjects.com/mdn/rms_43231b/afts/img/A*6l60T6h8TTQAAAAAAAAAAAAAARQnAQ',
          failed:
            'https://gw.alipayobjects.com/mdn/rms_43231b/afts/img/A*SEISQ6My-HoAAAAAAAAAAAAAARQnAQ',
          running:
            'https://gw.alipayobjects.com/mdn/rms_43231b/afts/img/A*t8fURKfgSOgAAAAAAAAAAAAAARQnAQ',
        },
      };
    },
}
</script>

初始化图和注册register 自定义node

import { register, getTeleport } from '@antv/x6-vue-shape'

register({
  shape: 'container-node',
  component: Node,
  width: 180,
  height: 40,
  attrs: {
    body: {
      rx: 6,
      ry: 6,
    },
  },
});

export default {
  name: 'editor',
  components: {
    //TeleportContainer
  },
  props: [
    'menuData'
  ],  
  data() {
    return {
        graph: {},
        history:null,
        stencil:null,
        canRedo:false,
        canUndo:false,
        dnd:null
    };
  },
  mounted() {
          this.graph = new Graph(this.setting); // graph setting省略

              const node1 = {
              shape: 'container-node',
              x: 60,
              y: 60,
              width: 50,
              height: 30,

            };
            this.graph.addNode(node1);
     }
}

[zenkiray]

一样的问题

[zenkiray]

node_modules检查是否有个多个版本的x6，删掉重新install一下