在 Gwt WindowBuilder 中编辑 CSS答案

【问题标题】：Editing CSS in Gwt WindowBuilder在 Gwt WindowBuilder 中编辑 CSS
【发布时间】：2014-07-09 06:23:20
【问题描述】：

我在一个项目中使用 GWT，最近开始在 Eclipse 中使用 WindowBuilder。我在 WindowBuilder 中创建了一个新类并添加了一些小部件。所有的工作和一切。但是，当我尝试编辑某些面板的 CSS 并单击以编辑“styleName”字段时，我收到一条错误消息：

"There are no CSS files referenced from modules HTML."

我尝试在基本 html 文件和 Web.gwt.xml 文件中添加指向样式表的链接，但这似乎不起作用。我得到了同样的错误。

在其他类中我使用了 UiBinder 并在 XML 文件中添加了样式，但是这个类没有使用 UiBinder。那么如何将 CSS 文件与类关联，以便 WindowBuilder 允许我编辑样式？

在这个项目中，我没有也没有使用“war”目录。该项目是一个 couchapp，所以我将它编译到另一个目录并从那里推送到 CouchDB。似乎在其他项目中，如果原始项目设置带有 war 目录，则此功能可以正常工作。

【问题讨论】：

标签： css eclipse gwt windowbuilder

【解决方案1】：

我遇到了同样的问题，并且能够通过将我的 CSS 资源从 war 目录移动到类路径来解决它，特别是在一个包中，该包在 GWT 模块描述符中通过“ "。

项目布局（模块描述符的位置奇怪，因为Eclipse Plugin Bug）：

src
|- main
   |- java
   |  |- demo
   |     |- client
   |     |  |- MyWidget.java
   |     |  |- MyWidget.ui.xml
   |     |- Demo.gwt.xml
   |- resources
      |- demo
         |- css
            |- Demo.css

Demo.gwt.xml：

<module>
         ...
    <source path="client" />
         ...
    <public path="css" />
    <stylesheet src="Demo.css" />
         ...
</module>

【讨论】：

部分问题可能是我没有使用war目录或内部Jetty服务器。我的项目是从 CouchDB 提供的，所以我将它编译到另一个位置。
我尝试将样式表的位置添加到公共路径，但似乎并没有解决问题。我也尝试将样式表移动到不同的位置，但仍然没有。
我已经添加了我的项目布局以供参考。确保您的 CSS 资源位于声明为“公共”的路径下方。我猜像“”这样的东西是行不通的。
这个解决方案对我不起作用。起作用的是刷新通过 GWT Dev Mode 插件启动的浏览器窗口；我想部署的 CSS 文件是这样刷新的。可能通过设计器创建的默认布局不是最优的。

【解决方案2】：

要解决此问题：在模块文件 gwt.xml 中输入：

<stylesheet src="example.css"/>

菜单中的下一步：项目 -> 清理。

【讨论】：