Question

所以我有点困惑为什么设置背景图片不起作用。我可以使用其他SCSS方法，如.top等来设置颜色等，但是当通过SCSS提取图像时，应用程序会出现错误。

mytheme的：

@import "../valo/valo.scss";
@import "../valo/fonts/fonts.scss";
@import "../valo/styles.css";


@mixin mytheme {
  @include valo-components;
  @include valo-common;
  @include vaadin-icons;
  @include valo;
    background-color: lawngreen;
}

styles.scss：

@import "mytheme.scss";
@import "addons.scss";
@import "../valo/styles.css";

// This file prefixes all rules with the theme name to avoid causing conflicts with other themes.
// The actual styles should be defined in mytheme.scss


.mytheme {
  @include addons;
  @include valo;
  @include mytheme;

  .backgroundImage{

      background: url("img/background.jpg ") ;
    }


  .v-view {

  }}

应用程序在生产模式下运行，图像文件的路径如下：

d：\编程\应用\ SRC \主\的WebContent \ VAADIN \主题\ mytheme的\ IMG \ background.jpg

错误：

INFO 16672 --- [nio-8080-exec-9] com.vaadin.server.VaadinServlet          : 
Requested resource 
[/VAADIN/themes/mytheme/VAADIN/themes/mytheme/img/background.jpg] not found from filesystem or through class loader. Add widgetset and/or theme JAR to your classpath or add files to WebContent/VAADIN folder.

有没有人知道这里发生了什么？

Answer 1

感谢您提供错误文字。该错误文本显示了问题，即Vaadin正在寻找图像：

/ VAADIN / themes / mytheme /VAADIN/themes/mytheme/img/background.jpg

注意路径的重复根部分。至于为什么会发生这种情况我不能说，但我会检查你的配置（我知道，随机明显的答案）。也许试试这个：

url("/VAADIN/themes/mytheme/img/background.jpg");

Vaadin设置背景不工作

1 个答案: