Vaadin настройка фона не работает - PullRequest
0 голосов
/ 04 мая 2018

Так что я немного запутался, почему не работает настройка фонового изображения. Я могу использовать другие методы 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 \ 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.

Кто-нибудь знает, что здесь происходит?

1 Ответ

0 голосов
/ 04 мая 2018

Спасибо, что включили текст ошибки. Этот текст об ошибке показывает проблему, которая заключается в том, что Ваадин ищет изображение по адресу:

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

Обратите внимание на повторяющуюся корневую часть пути. Что касается того, почему это происходит, я не могу сказать, но я бы проверил вашу конфигурацию (я знаю, случайный очевидный ответ). Может быть, попробуйте это:

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