Блог

Главная - Вопросы по программированию - После перехода между представлениями компоненты загружаются неправильно

После перехода между представлениями компоненты загружаются неправильно

#java #css #vaadin #vaadin-flow

#java #css #vaadin #vaadin-flow

Вопрос:

Когда я перемещаюсь между представлениями, CSS загружается неправильно, если я обновляю сайт, он работает нормально. Это код в моем первом представлении :

 
@UIScoped
@Route("login")
@HtmlImport("frontend://styles/shared-styles.html")
public class LoginView extends Div {

и это код кнопки, который у меня есть в этом loginview :

 signinButton.addClickListener(event -> {
            // login
            if (userLogin.isLoggedIn()) { 
                UI.getCurrent().navigate("View2");
            } else {
                Notification.show("Error");
            }
        });

класс UserLogin просто возвращает логическую переменную, которая сообщает мне, вошел ли я в систему или нет.

и вот как записывается второе представление

 @Route("View1")
@PWA(name = "TestApp", shortName = "TestApp")
@HtmlImport("frontend://styles/shared-styles.html")
@UIScoped
public class View1 extends Div implements View, BeforeEnterObserver {

во вложениях ниже также есть скриншоты того, как это должно выглядеть и как это выглядит, приносим извинения за размывание данных. Как вы можете видеть, CSS для vaadin.flow.grid вообще не загружается, или, скорее, его подобный компонент загружается не полностью (вы также можете видеть, что то же самое происходит в оранжевой метке), это также происходит, если после перехода из loginview в view1 я не обновляю и не перехожупрямо в view2 сетка выглядит так же, не загружается должным образом. Опять же, если я обновлю, все будет выглядеть так, как должно выглядеть.

https://imgur.com/a/SYcQgXE это альбом с прикрепленными фотографиями

Комментарии:

1. Какую версию Vaadin вы используете? Кроме того, добавлены ли у вас собственные стили?

2. vaadin 14.0.0.alpha1. Вы в shared-styles.html файл, который импортируется в представления, содержит в себе css-классы.

3. Я могу воспроизвести проблему с помощью UI.getCurrent().navigate , но она работает с использованием RouterLinkApi

4. Это похоже на регрессию, попробуйте понизить рейтинг, чтобы <vaadin.version>13.0.3</vaadin.version> , похоже, это сработало

5. спасибо, понижение рейтинга сработало просто отлично, я думаю, я продержусь 14 до официального релиза, или я попробую еще раз в бета-версии

Ответ №1:

(* Публикация из комментариев, поскольку на данный момент это помогает обойти проблему)

Это похоже на регрессию в потоковой версии 14.0.0.alpha1 . ( Grid версия есть 3.0.3 ) Попробуйте понизить версию до предыдущей стабильной версии 13.0.3

Здесь возникла проблема: сетка отображается без стилей

Метки: