Not working with Blazor application

I configured the Blazor app that comes with .NET CORE 3.0 in VS2019, but no log is generated 😦

Added in Counter.razor page:

@code {
    int currentCount = 0;

    void IncrementCount()
    {
        currentCount++;
        throw new InvalidOperationException("Test");
     }
}

[conficient]

Had a quick look at this again. The new <ErrorBoundary> component in .NET 6 can be useful here. It normally is used to wrap components that might have issues on a page, but it’s possible (but not advisable?) to wrap the whole App in one.

The component itself does not allow intercepting the error to log it, but you can create a subclass which can:

    public class GlobalErrorHandler : ErrorBoundary
    {
        protected override Task OnErrorAsync(Exception exception)
        {
            // log to ELMAH here
            ElmahExtensions.RaiseError(exception);
            return base.OnErrorAsync(exception);
        }
    }

You would then wrap the router in the App.razor in this:

<GlobalErrorHandler>
    <ChildContent>
        <Router AppAssembly="@typeof(App).Assembly">
            <Found Context="routeData">
                <RouteView RouteData="@routeData" DefaultLayout="@typeof(MainLayout)" />
                <FocusOnNavigate RouteData="@routeData" Selector="h1" />
            </Found>
            <NotFound>
                <PageTitle>Not found</PageTitle>
                <LayoutView Layout="@typeof(MainLayout)">
                    <p role="alert">Sorry, there's nothing at this address.</p>
                </LayoutView>
            </NotFound>
        </Router>
    </ChildContent>
    <ErrorContent>
        <p>Sorry an error occurred</p>
    </ErrorContent>
</GlobalErrorHandler>

Worth experimenting with but there may be issues with this approach I’ve not considered.

[skcsknathan001]

Elmah logs unhandled server errors. If you already do try/catch, it won’t. However, you can log manually in your catch block like ElmahExtensions.RaiseError(ex);