Blazor Server Unhandled Exception upstream on page refresh (F5) #7164 | Support

rcalv002 created 6 months ago

ABP Framework version: v8.1.1
UI Type: Blazor Server
Database System: EF Core (SQL Server)
Tiered (for MVC) or Auth Server Separated (for Angular): no
Exception message and full stack trace:
Steps to reproduce the issue
:

Generate a new project using blazor-server ui.
Add a page, in the constructor, inject IUiPageProgressService
Refresh this page via reload or F5 on browser
Yellow error message banner at the bottom of the screen and error message in console

8 Answer(s)

0

liangshiwei created 6 months ago
Support Team Fullstack Developer

I will check it.
0

liangshiwei created 6 months ago
Support Team Fullstack Developer

Hi,

I could not reproduce the problem.

Could you share a simple project with me? shiwei.liang@volosoft.com thanks.
0

rcalv002 created 6 months ago

Hello,

Perhaps I'm using this incorrectly. I have mailed you the project.

Load it up, log in, go to the page /Index2 and refresh.
0

liangshiwei created 6 months ago
Support Team Fullstack Developer

Hi,

Yes, at the moment, the UiPageProgress component has not been loaded yet
0

rcalv002 created 6 months ago

Thanks for your response, is this something wrong on my side or in component?
0

liangshiwei created 6 months ago
Support Team Fullstack Developer

You can call the IUiPageProgressService in the class instead of page.
0

rcalv002 created 6 months ago

So not supported in the page then?

liangshiwei created 6 months ago

Support Team Fullstack Developer

Hi,

This may be a problem.

You can try to override the SideMenuLayout


@using Volo.Abp.AspNetCore.Components.Web.LeptonXTheme.Components.ApplicationLayout
@using Volo.Abp.AspNetCore.Components.Web.LeptonXTheme.Components.ApplicationLayout.Common
@using Volo.Abp.Ui.Branding
@using Volo.Abp.BlazoriseUI.Components
@using Volo.Abp.AspNetCore.Components.Web.LeptonXTheme.Components.ApplicationLayout.SideMenu
@using Volo.Abp.AspNetCore.Components.Web.LeptonXTheme.Components.ApplicationLayout.SideMenu.MainHeader
@using Volo.Abp.AspNetCore.Components.Web.LeptonXTheme.Components.ApplicationLayout.SideMenu.Navigation
@using Volo.Abp.AspNetCore.Components.Web.Theming.Components
@using Volo.Abp.Ui.LayoutHooks
@using Volo.Abp.AspNetCore.Components.Web.Theming.Components.LayoutHooks
@using Volo.Abp.AspNetCore.Components.Web.Theming.Layout
@using Volo.Abp.DependencyInjection

@inject IBrandingProvider BrandingProvider
@inherits Volo.Abp.AspNetCore.Components.Web.LeptonXTheme.Components.ApplicationLayout.SideMenuLayout

@attribute [ExposeServices(typeof(SideMenuLayout))]

<div>
    <div id="lpx-wrapper">
        <MainHeader />

        <div class="lpx-content-container">
            <div class="lpx-topbar-container">
                <div class="lpx-topbar">
                    <Breadcrumbs />
                </div>
            </div>
            <div class="lpx-content-wrapper">
                <div class="lpx-content">
                    <ContentToolbar />
                    <PageAlert />
                    <UiPageProgress/>
                    <LayoutHook Name="@LayoutHooks.Body.First" Layout="@StandardLayouts.Application" />
                    @Body
                    <LayoutHook Name="@LayoutHooks.Body.Last" Layout="@StandardLayouts.Application" />
                    <DynamicLayoutComponent />
                    <UiMessageAlert />
                    <UiNotificationAlert />
                    
                </div>
            </div>
            <footer>
                <Footer />
            </footer>
        </div>

        <MobileNavbar />

        <div class="lpx-toolbar-container">
            <MainHeaderToolbar />
        </div>
    </div>
</div>```

Have an answer to this question? Log in and write your answer.