在 Blazor standalone WASM 应用程序中，要使用角色权限资源，需要先从服务器获取当前用户的角色。当在应用程序初始化时尝试获取角色时出现以下错误：Cannot fetch roles。

解决这个问题，需要确保在应用程序启动时已经通过身份验证，即已经获取到 JSON Web Token（JWT）。通过JWT可以向服务器发送包含用户角色的请求，获取用户角色是鉴定用户权限的有效方式。

下面是获取用户角色并将其保存到应用程序状态中的代码示例：

1.在Main方法中，调用带有身份验证的httpClient，来获取当前用户的角色。

public static async Task Main(string[] args)
{
    var builder = WebAssemblyHostBuilder.CreateDefault(args);
    builder.RootComponents.Add("app");
 
    builder.Services.AddScoped(sp => new HttpClient { BaseAddress = new Uri(builder.HostEnvironment.BaseAddress) });

    // add authorization header to http client
    builder.Services.AddScoped(sp => new HttpClient
    {
        BaseAddress = new Uri(builder.HostEnvironment.BaseAddress)
    }.EnableIntercept(sp));

    // check the user authentication state
    builder.Services.AddAuthorizationCore();
    builder.Services.AddScoped();
    builder.Services.AddScoped();
 
    await builder.Build().RunAsync();
}

2.使用添加了身份验证的httpClient获取用户角色，并将其保存在应用程序状态中，以便其他组件可以使用它来做出访问控制决策。

public class ApiAuthenticationStateProvider : AuthenticationStateProvider
{
    private readonly IAccountService _accountService;
    public ApiAuthenticationStateProvider(IAccountService accountService)
    {
        _accountService = accountService;
    }

    public override async Task GetAuthenticationStateAsync()
    {
        try
        {
            var userInfo = await _accountService.GetUserInfoAsync();
            var identity = new ClaimsIdentity(userInfo.Claims, "jwt");
            var user = new ClaimsPrincipal(identity);

            // store user role in local state