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

Question

当我在视图之间导航时，CSS 没有正确加载，如果我刷新网站，它工作正常。这是我第一个视图中的代码：


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

这是我在此登录视图中的按钮中的代码：

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

class userLogin 只是 returns 一个布尔变量，告诉我我是否登录。

第二个观点是这样写的

@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

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

After navigating between views, components arent loaded properly

css

java

vaadin

vaadin-flow