cornflourblue/blazor-webassembly-registration-login-example

ASP.NET Core Blazor WebAssembly - User Registration and Login Example

About me

I'm a web developer and blogger from Sydney, you can find my blog at https://jasonwatmore.com/.

Other than coding, I'm currently attempting to travel around Australia by motorcycle with my wife Tina on a pair of Royal Enfield Himalayans, you can follow our adventure on YouTube and Instagram.

blazor-webassembly-registration-login-example's Issues

Bug: unknown error when logout if MainLayout reads user info

I have changed the MainLayout.razor to the following:

@inherits LayoutComponentBase

@using Services
@inject IAccountService AccountService

<div class="page">
    <div class="sidebar">
        <NavMenu />
    </div>

    <div class="main">
        <div class="top-row px-4">
            @if (AccountService.User != null)
            {
                <NavLink href="users/selfedit" class="nav-item nav-link">@AccountService.User.Username</NavLink>
                <NavLink href="account/logout" class="nav-item nav-link">Logout</NavLink>
            }
            else
            {
                <NavLink href="account/login" class="nav-item nav-link">Login</NavLink>
            }
            <a href="https://docs.microsoft.com/aspnet/" target="_blank">About</a>
        </div>

        <div class="content px-4">
            <div class="float-right">
                <Alert />
            </div>
            @Body
        </div>
    </div>
</div>

Until adding the line:

<NavLink href="users/selfedit" class="nav-item nav-link">@AccountService.User.Username</NavLink>

... the logout process works well.

The error seems to originate from class LocalStorageService. The error goes:

An exception of type 'System.InvalidOperationException' occurred in System.Private.CoreLib.dll but was not handled in user code: 'JavaScript interop calls cannot be issued at this time. This is because the component is being statically rendered. When prerendering is enabled, JavaScript interop calls can only be performed during the OnAfterRenderAsync lifecycle method.

But I do not quite comprehend that error.

I have considered changing LocalStorageService to singleton, but the JSRuntime is a scoped service that should have been a singleton instead.