0

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

主题：

@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;
}

样式.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:\Programming\app\src\main\WebContent\VAADIN\themes\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.

有谁知道这里发生了什么？

4

1 回答 1

0

感谢您提供错误文本。该错误文本显示了问题，即 Vaadin 在以下位置查找图像：

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

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

url("/VAADIN/themes/mytheme/img/background.jpg");
于 2018-05-04T19:32:13.563 回答