vaadin插件图表生成器，widgetset。诺卡奇。找不到js

Question

我在将diagram builder插件集成到vaadin 7项目中时遇到问题。我将所有3个下载的JAR与com一起放入WEB-INF/lib目录。fasterxml。杰克逊。jarlibs。成功编译后，我在tomcat服务器上运行该项目，并遇到以下弹出窗口：

未能加载WidgeSet:/VAADIN/widgetsets/org。瓦丁。diagrambuilder。WidgetSet/org。瓦丁。diagrambuilder。WidgetSet。诺卡奇。js？1405669571852 .

相关代码段：

    private void initDiagram()
{
    // Initialize our new UI component
    DiagramBuilder diagramBuilder = new DiagramBuilder();
    diagramBuilder.setAvailableFields(new NodeType("diagram-node-start-icon", "Start", "start"),
                                      new NodeType("diagram-node-fork-icon", "Fork", "fork"),
                                      new NodeType("diagram-node-condition-icon",
                                                   "Condition",
                                                   "condition"));
    diagramBuilder.setFields(new Node("StartNode", "start", 10, 10), new Node("Condition",
                                                                              "condition",
                                                                              260,
                                                                              16));

    diagramBuilder.setTransitions(new Transition("StartNode", "Condition", "TaskConnector1"));

    final VerticalLayout layout = new VerticalLayout();
    layout.setMargin(true);
    setContent(layout);

    layout.addComponent(diagramBuilder);

}

我还添加了使用vaadin小部件所需的必要注释。

@VaadinServletConfiguration(productionMode = false, ui = VtUI.class, widgetset="org.vaadin.diagrambuilder.WidgetSet")

我错过什么了吗？你知道如何解决这个问题吗？任何帮助都很感激！我的项目可以在这里找到。

我在网上搜索，运气不好。我的项目非常简单，没有涉及maven。由于我遵循了集成vaadin插件的推荐方法（如果我遗漏了什么，请告诉我），这可能是一个常见问题。

[编辑]

在@cfrick和@AndréSchild的帮助下，我能够将图表生成器集成到我的vaadin项目中。但是当我运行项目时，我仍然无法在浏览器中看到图表生成器。同时，我观察到使用Firebug时出现如下错误：

SEVERE: Exception caught: (TypeError) : $wnd.YUI is not a functioncom.google.gwt.event.shared.UmbrellaException: Exception caught: (TypeError) : $wnd.YUI is not a function
at Unknown.Fg(Unknown Source)
at Unknown.Mg(Unknown Source)
at Unknown.Zt(Unknown Source)
at Unknown.au(Unknown Source)
at Unknown.xt(Unknown Source)
at Unknown.crb(Unknown Source)
at Unknown.Wnb(Unknown Source)
at Unknown.Qnb(Unknown Source)
at Unknown.xmb(Unknown Source)
at Unknown.ymb(Unknown Source)
at Unknown.vmb(Unknown Source)
at Unknown.Rmb(Unknown Source)
at Unknown.Vlb(Unknown Source)
at Unknown.cj(Unknown Source)
at Unknown.Wi(Unknown Source)
at Unknown.gj(Unknown Source)
at Unknown.aj(Unknown Source)
at Unknown.vi(Unknown Source)
at Unknown.Ai(Unknown Source)
at Unknown.anonymous(Unknown Source)
at Unknown.anonymous(Unknown Source)
at Unknown.anonymous(Unknown Source) Caused by: com.google.gwt.core.client.JavaScriptException: (TypeError) : $wnd.YUI is not a function

我认为javascript在某些地方出了问题。如有任何想法/提示，将不胜感激！

[已解决]

请在这里查看Matti的回复https://vaadin.com/forum#!/Thread/7846087。问题在于没有将alloyi脚本注入主机页。

谢谢你所有的帮助！：-）干杯， X.

Answer 1

您在这里使用了错误的小部件集：

@VaadinServletConfiguration(productionMode = false, ui = VtUI.class, widgetset="org.vaadin.diagrambuilder.WidgetSet")

它应该是

com.seeburger.vt.widgetset.VtWidgetset

编辑：

UI类缺少alloyui的注释，例如：

@JavaScript("http://cdn.alloyui.com/2.5.0/aui/aui-min.js")
@StyleSheet("http://cdn.alloyui.com/2.5.0/aui-css/css/bootstrap.min.css")

Answer 2

您需要重新编译widgetset并指定要使用的widgetset

https://vaadin.com/directory/help/using-vaadin-add-ons

重要如果加载项具有任何自定义客户端代码（即包含定义小部件集的*.gwt.xml文件），则应用程序必须定义从项目中的加载项小部件集继承的单个小部件集。有关如何实现这一目标的更多详细信息，请参阅下面的链接。

可能您没有指定自己的widgetset