- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我在使用 Vaadin(在 Eclipse 中)及其关联的样式引擎 Valo 和 TouchKit 包时遇到问题。我提到所有这些是因为我不确定是哪一个(如果有的话)导致了问题。我的自定义主题(导入 Valo)的名称只是“touchkit”。
我的元素在本地主机上的 Tomcat 服务器上运行,并且可以在我的浏览器中访问。我想调整一些 CSS,所以我编辑了适当的文件 WebContent/VAADIN/themes/touchkit/touchkit.scss
。编辑此文件后,我重新编译主题并在生成的文件 styles.css
中看到适当的更改。然后我在浏览器中加载应用程序,事情变得很奇怪。
我可以加载该页面,并使用 Chrome 的开发人员工具,看到该页面按预期要求下载 styles.css。它从服务器获得 200 OK 响应,但当我查看 styles.css
时,它只包含一个 \n
。在 Safari 中也是如此。即使使用 cURL 下载 styles.css
也会产生相同的结果。在 Eclipse 编辑器中,当我在终端中检查它时,styles.css 大约有 12,000 行长。为什么我的浏览器或 cURL 无法获取该数据?
我可以在 Vaadin 自己的网站上查看类似的元素演示,并且样式表(应该与我的几乎相同)已正确加载。此外,我的本地主机服务器上的其他 Vaadin 元素已正确加载它们的样式表(尽管它们不使用 Valo)。在 Eclipse 中编译主题不会产生任何错误。因为这个问题出现在各种图形和非图形客户端上,所以我开始认为问题出在 Tomcat 上。但我可以访问 Tomcat 提供文件的目录,并且 styles.css
在该文件夹中也是正确的。没有明显的理由表明 Tomcat 会提供空白文件。
您可能已经从描述中猜到了,但我是在 Mac 上工作。感谢您的帮助!
PS Mods - 我也在 Superuser 上问过这个问题,因为它不是 100% 的编程问题。但是,我是 Superuser 的新手,无法为 Vaadin 或 Valo 创建标签,所以我想问问哪里可能更有可能获得答案。
最佳答案
很难说,因为你做的一切都很好。我最好的选择是您正在使用的 tomcat 实现,也许那里有些奇怪。如果不是,请尝试升级到最新版本或以前的版本。仅供引用,我使用的是 Tomcat 7.0.55。
PS:您的尝试是从 eclipse 运行/调试,还是您制作了一个 .war 形式的元素并使用 Tomcat-Manager 部署了它?
问候
关于css - Vaadin Valo 样式表,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27022054/
我正在 MPR 中从 Vaadin 8 迁移到 Vaadin 14 LTS。我们项目中使用的 .scss 文件需要编译。我使用了以下插件 com.vaadin vaa
在我的 Vaadin 应用中,我使用的是基于 Vaadin Base 主题的主题。 如果我不使用 Valo 主题,如何使用 Valo 字体 Open Sans? 我的样式.scss @import "
在使用名为 vaadin-archetype-widget 的 Maven 原型(prototype)创建的 Vaadin 8.1.5 应用程序中,我简要介绍了演示应用程序模块中的文件 > src >
我在使用 Vaadin(在 Eclipse 中)及其关联的样式引擎 Valo 和 TouchKit 包时遇到问题。我提到所有这些是因为我不确定是哪一个(如果有的话)导致了问题。我的自定义主题(导入 V
我是 SCSS 的新手,我在问自己如何在 Vaadin 应用程序中自定义 Valo 主题。我在 Book of Vaadin 中阅读了这个主题,但我找不到它的例子。我的样式结构基于 official
现在 vaadin 7.3 已经出来了,它有非常好的 Valo Theme 。但我不知道如何将其导入到我的项目中?现在我将默认主题与我的自定义 scss 文件一起使用。我想尝尝Valo。请有人帮助我如
我需要为我们的 Vaadin 项目稍微调整 Valo 主题。当我尝试遵循 vaadin 文档 here 时我看到这个... 本质上,我的新自定义主题的 .scss 文件找不到“valo”,这是有道理的
我正试图从屏幕上淡出一些东西,使用: comp.addStyleName("fade-out"); .fade-out { @include valo-animate-out-fade(250
新Valo theme现在是 Vaadin 7.3 应用程序中的默认值。此主题以比以前的默认值大得多(更宽和更高)的小部件(按钮、字段等)视觉呈现 Reindeer主题。 这种外观现在在 Androi
我正在尝试将 Valo 主题从默认更改为Metro。在演示页面(http://demo.vaadin.com/valo-theme/)中,您可以为 Valo 选择不同的主题,请参见右上角。我希望拥有基
我正在开发基于 Valo 的 Vaadin 主题。默认情况下,Valo 在焦点元素周围添加边框。在我的主题中禁用此行为的最简单/首选方法是什么? 最佳答案 首选方式是编辑 Valo 主题 Sass变量
我正在开发一个使用 vaadin v7.2 的 vaadin 应用程序。现在它已更新到 v7.3.7 并使用新的 valo 主题和我的自定义样式。使用 mvn clean install 编译整个项目
在使用 Vaadin Plugin for NetBeans 创建的新 Vaadin 7.3 应用程序中, 默认主题是新的 Valo theme . Valo 看起来很时髦,而且是对 future 非
我正在尝试使用名为“valo”的新 Vaadin 主题。所以我创建了这个文件(如官方文档中所述) VAADIN/themes/default/styles.scss $v-background-col
我是一名优秀的程序员,十分优秀!