[使用vue-cli时jointjs中的自定义元素错误

Question

在vue-cli中使用我的元素时出现错误。

我不为什么joint.shapes不包含我的元素！

test.vue：//无法读取未定义的属性'Component'”

 <script>

        const joint = require('jointjs');

        joint.dia.Element.define('example.Component', {
            attrs: {
              ...
            },
        }, {
            markup: ...,
        }, {
            createComponent: function() {
            return new this({
                attrs:{
                  ...
                }
            });
            }
        });

        export default {
            name: "FlowCanvas",
            mounted() {
                var graph=new joint.dia.Graph;
                var paper = new joint.dia.Paper({
                   ...
                });
                var el1=joint.shapes.example.Component.createComponent();

                el1.position(100,100);

            },
        }
    </script>

Answer 1

我知道这是一个老问题，但是我会为未来的读者（尤其是有经验的开发人员）提供经验。我有相同的错误，但有角度。我试图使用一个名为custom.ts

的官方示例

但是我尝试使用joint。dia.Element。define（）代替joint.shapes。standard.Rectangle。define（），这导致了上述错误-当我返回使用时joint.shapes。standard.Rectangle。define（），效果很好。

我不知道这种行为的正当性，我也不知道这是否可以解决vueJs中的错误，但是可以解决我的问题（角度）