如何在Blazor父组件中捕获子组件OnInitializedAsync的异常？

针对你遇到的UserGrid.OnInitializedAsync()异步异常丢失问题，可通过子组件暴露异常回调的方式，在父组件中捕获并处理异常，具体实现如下：

步骤1：修改UserGrid组件，添加异常回调参数 #

在子组件中新增一个EventCallback<Exception>类型的参数，用于在初始化异常时通知父组件：

@* UserGrid.razor *@
@code {
    [Parameter]
    public IEnumerable<User> Data { get; set; }

    // 定义异常回调，通知父组件初始化失败
    [Parameter]
    public EventCallback<Exception> OnInitializationFailed { get; set; }

    protected override async Task OnInitializedAsync()
    {
        try
        {
            // 原有的异步初始化逻辑，比如加载数据、初始化配置等
            await LoadGridDataAsync();
        }
        catch (Exception ex)
        {
            // 将异常传递给父组件
            await OnInitializationFailed.InvokeAsync(ex);
            // 若不需要全局异常处理，可注释掉throw；如需全局兜底则保留
            // throw;
        }
    }

    // 示例异步方法，替换为你的实际逻辑
    private async Task LoadGridDataAsync()
    {
        // 模拟抛出异常
        throw new InvalidOperationException("加载用户列表失败");
    }
}

步骤2：父组件中订阅回调并处理异常 #

在父组件里绑定回调方法，捕获异常后展示错误提示：

<DxFormLayoutItem Caption="Followers" CaptionPosition="CaptionPosition.Vertical" Visible="@(ModeState == Mode.Read)" ColSpanMd="12">
    <UserGrid Data="@Model.Followers" OnInitializationFailed="@HandleGridInitError" />
</DxFormLayoutItem>

<!-- 错误提示区域 -->
@if (_isGridInitFailed)
{
    <div class="alert alert-danger mt-3">
        初始化关注者列表时出错：@_gridErrorMsg
    </div>
}

@code {
    private bool _isGridInitFailed;
    private string _gridErrorMsg;

    private void HandleGridInitError(Exception ex)
    {
        _isGridInitFailed = true;
        _gridErrorMsg = ex.Message;
        // 可在此添加日志记录等操作
        StateHasChanged();
    }
}

原理说明 #

Blazor中异步生命周期方法的异常默认会被框架捕获，但不会主动传递给父组件。通过显式定义回调参数，子组件能将初始化时的异常主动通知到父组件，让父组件在当前页面上下文内处理错误提示，避免依赖全局异常处理。

内容的提问来源于stack exchange，提问作者David Thielen