Javascript Vaadin中的Joint.js

我正在尝试让joint.js API在Vaadin中工作。 我按照这个示例介绍了如何使用AbstractJavaScriptComponent和连接器集成d3.js

在我的组件中，我在@Javascript注释中添加了必要的文件：

@JavaScript({"dagre.min.js","graphlib.min.js","joint.js","joint.layout.DirectedGraph.js","jquery.min.js","lodash.min.js","d3.js","d3.min.js","connector.js" })

public class Component extends AbstractJavaScriptComponent {
}

---

然后我将组件添加到视图中。问题是我真的不明白如何访问myElement以及它的功能。我知道连接器工作正常，因为使用d3.js示例中的代码没有问题。如果我在代码中添加myElement，我在视图中看不到任何东西，我在其中添加了组件。

您在浏览器的devtools控制台中是否看到任何错误？如果您在url处使用

？debug

运行vaadin应用程序，是否会出现错误消息？我得到两个错误：未捕获类型错误：无法将未定义或null转换为d.set处的对象（backbone-min.js:9）、d.constructor处的对象（joint.js:5342）和新d处的对象（backbone-min.js:27）在joint.js:9444 at joint.js:39 at joint.js:44和：Uncaught ReferenceError:joint未定义在：8080/vaadinServlet/APP/PUBLISHED/joint.layout.DirectedGraph.js:20I解决了这些错误。我使用了错误的主干和jquery版本。现在所有的错误都消失了，但我仍然看不到任何东西。

@JavaScript({"dagre.min.js","graphlib.min.js","joint.js","joint.layout.DirectedGraph.js","jquery.min.js","lodash.min.js","d3.js","d3.min.js","connector.js" })

public class Component extends AbstractJavaScriptComponent {
}