Ends in:
0 DAY
22 HRS
30 MIN
17 SEC
Ends in:
0 D
22 H
30 M
17 S
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


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

    I will check it.

  • User Avatar
    0
    liangshiwei created
    Support Team Fullstack Developer

    Hi,

    I could not reproduce the problem.

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

  • 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.

  • User Avatar
    0
    liangshiwei created
    Support Team Fullstack Developer

    Hi,

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

  • User Avatar
    0
    rcalv002 created

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

  • User Avatar
    0
    liangshiwei created
    Support Team Fullstack Developer

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

  • User Avatar
    0
    rcalv002 created

    So not supported in the page then?

  • User Avatar
    0
    liangshiwei created
    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>```
    
Made with ❤️ on ABP v9.1.0-preview. Updated on December 05, 2024, 12:19