cornflourblue / blazor-webassembly-registration-login-example

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

blazor-webassembly-registration-login-example

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

Documentation and demo available at https://jasonwatmore.com/post/2020/11/09/blazor-webassembly-user-registration-and-login-example-tutorial

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.