MVVM Razor 页面刷新 (F5) 产生错误 System.ObjectDisposedException

Question

目标是启动进入Razor页面的长时间运行的后台任务。 后台任务对数据库所做的更改会在 Razor 页面的表中更新。

我可以更改左侧的菜单，并且可以将 go 返回页面。 但是当我在页面运行期间按 F5 时，我收到以下错误： System.ObjectDisposedException: '无法在渲染器被释放后处理挂起的渲染。 Object 名称：“渲染器”。

我不知道所采取的方法是否完全错误，是否必须以其他方式完成。

我希望在 Razor 页面中启动火灾并忘记任务不会损害页面（剃须刀页面）：

protected override async Task OnInitializedAsync()
{
    ViewModel.PropertyChanged += async (sender, e) =>
    {
        await InvokeAsync(() =>
        {
            StateHasChanged();
        });
    };
    await base.OnInitializedAsync();

    if (!ViewModel.IsBusy)
    {
        _ = Task.Factory.StartNew(ViewModel.AddItems);
    }
}

ViewModel 中的方法：

public void AddItems()
{
    IsBusy = true;

    CancellationTokenSource stoppingToken = null;
    stoppingToken = new CancellationTokenSource();
    CancellationToken token = stoppingToken.Token;

    for (int i = 0; i < 10; i++)
    {
        List.Add($"{i}");
        OnPropertyChanged(nameof(List));
        var cancellationTriggered = token.WaitHandle.WaitOne(1000);
    }

    IsBusy = false;
}

您可以在此处找到重现问题的示例：在此处输入链接描述