value cannot be null. (Parameter 'jSObjectReference')

[eramosr16]

Is there an existing issue for this?

• I have searched the existing issues

Describe the bug

This error happens on refresh/hard refresh, doesn't happen constantly and usually after two or three refreshes it disappear to reappear again after a refresh:

Unhandled exception rendering component:  Value cannot be null. (Parameter 'jSObjectReference') 
 System.ArgumentNullException: Value cannot be null. (Parameter 'jSObjectReference')
   at BootstrapBlazor.Components.JSModule..ctor(IJSObjectReference jSObjectReference)
   at BootstrapBlazor.Components.JSModuleExtensions.LoadModule(IJSRuntime jsRuntime, String fileName, String version)
   at BootstrapBlazor.Components.BootstrapModuleComponentBase.OnAfterRenderAsync(Boolean firstRender)
   at BootstrapBlazor.Components.Message.OnAfterRenderAsync(Boolean firstRender)
   at Microsoft.AspNetCore.Components.RenderTree.Renderer.GetErrorHandledTask(Task taskToHandle, ComponentState owningComponentState)

Expected Behavior

No response

Steps To Reproduce

No response

Exceptions (if any)

No response

.NET Version

8.0

Anything else?

No response

[bb-auto[bot]]

@eramosr16 Thank you for filing this issue. In order for us to investigate this issue, please provide a minimalistic repro project that illustrates the problem.

[ArgoZhang]

Thank you for contacting us. according to the stack trace, it should be jsRuntime.InvokeAsync that reports an error, so I do not recommend fixing this problem.

public static async Task<JSModule> LoadModule(this IJSRuntime jsRuntime, string fileName, string? version = null)
{
    if (!string.IsNullOrEmpty(version))
    {
        fileName = $"{fileName}?v={version}";
    }
    var jSObjectReference = await jsRuntime.InvokeAsync<IJSObjectReference>(identifier: "import", fileName);
    return new JSModule(jSObjectReference);
}