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

当我在视图之间导航时,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");

            }

        });

类 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这是带有附件图片的相册


森林海
浏览 117回答 1
1回答

守着星空守着你

(*从评论中发布,因为它有助于暂时解决问题)这看起来像 Flow 版本中的回归14.0.0.alpha1。(Grid版本是3.0.3)现在尝试降级到以前稳定的 13.0.3在这里创建了一个问题:没有样式的网格渲染
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

Java