Vaadin Valo 样式表答案

【问题标题】：Vaadin Valo StylesheetsVaadin Valo 样式表
【发布时间】：2014-11-19 16:33:55
【问题描述】：

我在使用 Vaadin（在 Eclipse 中）及其关联的样式引擎 Valo 和 TouchKit 包时遇到问题。我提到所有这些是因为我不确定是哪一个（如果有的话）导致了问题。我的自定义主题（导入 Valo）的名称就是“touchkit”。

我的项目在本地主机上的 Tomcat 服务器上运行，并且可以在我的浏览器中访问。我想调整一些 CSS，所以我编辑了适当的文件 WebContent/VAADIN/themes/touchkit/touchkit.scss。编辑完这个文件后，我重新编译了主题，并在生成的文件styles.css 中看到了相应的变化。然后我在浏览器中加载应用程序，事情变得很奇怪。

我可以加载该页面，并使用 Chrome 的开发人员工具，看到该页面请求 style.css 进行下载，正如预期的那样。它从服务器获得 200 OK 响应，但是当我查看 styles.css 时，它只包含一个 \n。在 Safari 中也是如此。即使使用 cURL 下载 styles.css 也会产生相同的结果。在 Eclipse 编辑器中，当我在终端中检查它时，styles.css 的长度约为 12,000 行。为什么我的浏览器或 cURL 无法获取该数据？

我可以在 Vaadin 自己的网站上查看类似的项目演示，并且正确加载了样式表（应该与我的几乎相同）。此外，我的 localhost 服务器上的其他 Vaadin 项目的样式表已正确加载（尽管它们不使用 Valo）。在 Eclipse 中编译主题不会产生错误。因为问题出现在各种图形和非图形客户端上，所以我开始认为问题出在 Tomcat 上。但我可以进入 Tomcat 提供文件的目录，styles.css 在该文件夹中也是正确的。没有明显的理由表明 Tomcat 会提供空白文件。

您可能已经从描述中猜到了，但我正在使用 Mac。任何帮助表示赞赏！

PS Mods - 我也在 Superuser 上问过这个问题，因为它不是 100% 的编程问题。但是，我是 Superuser 的新手，无法为 Vaadin 或 Valo 创建标签，所以我在这里询问哪里有更好的机会获得答案。

【问题讨论】：

您的日志记录是理智的，并且您不会在某个地方吃掉异常？您的应用程序是否在生产模式下运行（servlet 的标志）？ chrome/curl -i 是否在标题中显示奇怪的东西？

标签： css tomcat vaadin vaadin-valo-theme

【解决方案1】：

很难说，因为你做的一切都很好。我最好的选择是您正在使用的 tomcat 实现，也许那里有些奇怪。如果不是，请尝试升级到最新版本或升级到以前的版本。仅供参考，我使用的是 Tomcat 7.0.55。

PS：您的尝试是在 eclipse 中运行/调试，还是您已从项目中创建了一个 .war 并使用 Tomcat-Manager 部署它？

问候

【讨论】：

【解决方案2】：

在您的 gwt.xml 中添加以下内容，而 touchkit 不支持 valo，请参阅 https://vaadin.com/forum/#!/thread/8264224/8264223

 <set-configuration-property
        name='touchkit.manifestlinker.additionalCacheRoot'
        value='src/main/webapp/VAADIN/themes/MyTheme:../../../VAADIN/themes/MyTheme' />

【讨论】：