Open Closed

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


User avatar
0
rcalv002 created
  • 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
  • :
  1. Generate a new project using blazor-server ui.
  2. Add a page, in the constructor, inject IUiPageProgressService
  3. Refresh this page via reload or F5 on browser
  4. Yellow error message banner at the bottom of the screen and error message in console

Markdown supported.
Copy, paste, or drag & drop images and files (max 100 MB per file, 100 MB total per post)

8 Answer(s)
  • User Avatar
    0
    liangshiwei created
    Fullstack Developer

    I will check it.

    Markdown supported.
    Copy, paste, or drag & drop images and files (max 100 MB per file, 100 MB total per post)
  • User Avatar
    0
    liangshiwei created
    Fullstack Developer

    Hi,

    I could not reproduce the problem.

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

    Markdown supported.
    Copy, paste, or drag & drop images and files (max 100 MB per file, 100 MB total per post)
  • User Avatar
    0
    rcalv002 created

    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.

    Markdown supported.
    Copy, paste, or drag & drop images and files (max 100 MB per file, 100 MB total per post)
  • User Avatar
    0
    liangshiwei created
    Fullstack Developer

    Hi,

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

    Markdown supported.
    Copy, paste, or drag & drop images and files (max 100 MB per file, 100 MB total per post)
  • User Avatar
    0
    rcalv002 created

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

    Markdown supported.
    Copy, paste, or drag & drop images and files (max 100 MB per file, 100 MB total per post)
  • User Avatar
    0
    liangshiwei created
    Fullstack Developer

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

    Markdown supported.
    Copy, paste, or drag & drop images and files (max 100 MB per file, 100 MB total per post)
  • User Avatar
    0
    rcalv002 created

    So not supported in the page then?

    Markdown supported.
    Copy, paste, or drag & drop images and files (max 100 MB per file, 100 MB total per post)
  • User Avatar
    0
    liangshiwei created
    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>```
    
    Markdown supported.
    Copy, paste, or drag & drop images and files (max 100 MB per file, 100 MB total per post)
Boost Your Development
ABP Live Training
Packages
See Trainings
Mastering ABP Framework Book
The Official Guide
Mastering
ABP Framework
Learn More
Mastering ABP Framework Book
Made with ❤️ on ABP v10.8.0-preview. Updated on September 23, 2026, 09:57
1
ABP Assistant
🔐 You need to be logged in to use the chatbot. Please log in first.