Blazor异步获取目录文件异常：Loading提示未正常显示

核心问题是你的异步实现大概率是伪异步，或者调用方式错误导致UI线程被阻塞，没法及时渲染Loading提示。下面拆解常见问题和解决办法：

1. 服务层的"伪异步"是重灾区 #

如果你的服务代码是下面这种写法，本质还是同步执行，会直接卡住UI线程直到文件搜索完成：

public Task<List<string>> GetVideoFilesAsync(string path)
{
    // 用同步的Directory.GetFiles，再包装成Task返回，根本没异步
    var files = Directory.GetFiles(path, "*.*", SearchOption.AllDirectories)
                         .Where(f => f.EndsWith(".avi") || f.EndsWith(".mkv"))
                         .ToList();
    return Task.FromResult(files);
}

修正方案：用真正的异步IO方法（.NET 5+支持），释放UI线程：

public async Task<List<string>> GetVideoFilesAsync(string path)
{
    var files = new List<string>();
    // 用await foreach异步遍历文件，不会阻塞线程
    await foreach (var file in Directory.EnumerateFilesAsync(path, "*.*", SearchOption.AllDirectories))
    {
        if (file.EndsWith(".avi", StringComparison.OrdinalIgnoreCase) || 
            file.EndsWith(".mkv", StringComparison.OrdinalIgnoreCase))
        {
            files.Add(file);
        }
    }
    return files;
}

2. 页面调用时误用同步等待 #

如果组件里用了Result或Wait()来等待异步任务，会直接卡死UI线程：

// 错误写法：用Result阻塞线程
protected override void OnInitialized()
{
    _videoFiles = _videoService.GetVideoFilesAsync(_path).Result;
}

// 错误写法：用Wait()阻塞线程
protected override async Task OnInitializedAsync()
{
    _isLoading = true;
    _videoService.GetVideoFilesAsync(_path).Wait();
    _isLoading = false;
}

修正方案：必须用await释放UI线程，让页面有机会渲染Loading：

private bool _isLoading;
private List<string> _videoFiles;

protected override async Task OnInitializedAsync()
{
    _isLoading = true;
    // await会暂时释放UI线程，此时页面能渲染Loading
    _videoFiles = await _videoService.GetVideoFilesAsync(_path);
    _isLoading = false;
}

3. 页面渲染的正确写法 #

确保组件根据_isLoading状态正确切换显示：

@if (_isLoading)
{
    <p>Loading...</p>
}
else
{
    <ul>
        @foreach (var file in _videoFiles)
        {
            <li>@file</li>
        }
    </ul>
}

你的异步理解误区 #

你可能混淆了「异步方法的形式」和「真正的异步操作」：

• 仅仅给方法加async修饰、把同步结果包装成Task，不是真异步，依然会阻塞线程。
• 调用异步方法时用Result/Wait()同步等待，等于放弃了异步的优势，直接卡死UI。

只要做到服务用真异步IO、组件用await等待、正确维护Loading状态，就能实现Loading先显示、文件加载完成后再更新列表的效果。

内容的提问来源于stack exchange，提问作者samy ben