vaadin 附加图表生成器，未找到 widgetset.nocache.js

Question

我在将图表生成器插件集成到 vaadin 7 项目中时遇到问题。我将所有 3 个下载的 jar 连同 com.fasterxml.jackson.*.jar 库一起放入 WEB-INF/lib 目录。编译成功后，我在tomcat服务器上运行项目，遇到如下弹窗：

未能加载小部件集：./VAADIN/widgetsets/org.vaadin.diagrambuilder.WidgetSet/org.vaadin.diagrambuilder.WidgetSet.nocache.js?1405669571852。

相关代码sn-p：

    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")

我错过了什么吗？你知道如何解决这个问题吗？任何帮助表示赞赏！我的项目可以在here 找到。

我在网上搜索过，但没有运气。我的项目很简单，不涉及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

你需要重新编译widgetset并指定它来使用

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

重要如果插件有任何自定义客户端代码（即包含 *.gwt.xml 文件定义小部件集），您的应用程序必须定义 一个单一的小部件集，它继承自您的附加小部件集 项目。有关详细信息，请参阅下面的链接 完成。

您可能确实错过了指定自己的小部件集

Answer 2

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

@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")