Question

当我在视图之间导航时，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 {

下面的附件中的

还提供了屏幕快照，该屏幕快照应显示外观和外观，并对数据模糊表示歉意。如您所见，vaadin.flow.grid的CSS根本没有加载，或者像组件未完全加载一样（您也可以看到橙色标签中发生了同样的事情），如果我得到之后，也会发生这种情况从loginview到view1，我不刷新并直接转到view2，网格看起来相同，无法正确加载。再说一次，如果我刷新了，一切都取决于外观。

https://imgur.com/a/SYcQgXE这是带有附件图片的相册

Answer 1

（**从评论中发帖，因为这有助于暂时解决问题）

这看起来像Flow版本14.0.0.alpha1中的回归。（Grid版本为3.0.3）尝试立即将其降级到之前的稳定版本13.0.3

在这里创建了一个问题：Grid rendered without styles

在视图之间导航后，没有正确加载组件

1 个答案: