1
resposta

[Bug] Erro ao iniciar o projeto ScreenSound.Web

Olá,

Estou com o seguinte erro ao iniciar o projeto do ScreenSound.Web:

Insira aqui a descrição dessa imagem para ajudar na acessibilidade

Segue abaixo meus arquivos:

Program.cs

using Microsoft.AspNetCore.Components.Web;
using Microsoft.AspNetCore.Components.WebAssembly.Hosting;
using ScreenSounds.Web;
using ScreenSounds.Web.Services;

var builder = WebAssemblyHostBuilder.CreateDefault(args);
builder.RootComponents.Add<App>("#app");
builder.RootComponents.Add<HeadOutlet>("head::after");

builder.Services.AddTransient<ArtistAPI>();

builder.Services.AddHttpClient("API", client => {
    client.BaseAddress = new Uri(builder.Configuration["APIServer:Url"]!);
    client.DefaultRequestHeaders.Add("Accept", "application/json");
});

await builder.Build().RunAsync();

Services/ArtistAPI.cs

using System.Net.Http.Json;
using ScreenSounds.Web.Requests;

namespace ScreenSounds.Web.Services;

public class ArtistAPI
{
    private readonly HttpClient _httpClient;

    public ArtistAPI(IHttpClientFactory factory)
    {
        _httpClient = factory.CreateClient("API");
    }

    public async Task<ICollection<ArtistRequest>?> GetArtistsAsync()
    {
     return await _httpClient.GetFromJsonAsync<ICollection<ArtistRequest>>("artists");
    }
}

Pages/Artist.razor

@page "/artist"
@inject ArtistAPI artistAPI
<h3>Artist</h3>

@if (artists is not null)
{
    foreach (var artist in artists)
    {
        <p>@artist.name</p>
    }
}

@code {
    private ICollection<ArtistRequest>? artists;

    protected override async Task OnInitializedAsync()
    {
        artists = await artistAPI.GetArtistsAsync();
    }

}

wwwroot/appsettings.json

{
  "Logging": {
    "LogLevel": {
      "Default": "Information",
      "Microsoft.AspNetCore": "Warning"
    }
  },
  "AllowedHosts": "*",
  "APIServer": {
    "Url": "http://localhost:5205"
  }
}

Desde já eu agradeço!

1 resposta

Oii, Caio! Tudo bem?

Esse erro indica que o projeto está com um erro não tratado.

Como sugestão, verifique se possui alguma mensagem de erro/aviso, basta abrir a página da primeira imagem no navegador e apertar o botão F12 do seu teclado. Abrirá uma janela ao lado esquerdo, onde pode contar mensagem de erros ou aviso mais completo.

E para que eu possa te ajudar de forma mais assertiva, peço, por gentileza, que forneça mais detalhes sobre em que curso teve esse problema, e em que aula você estava. Além disso, peço que compartilhe o link do seu GitHub contendo o código. Dessa forma, poderemos testar o seu projeto e simular o ambiente para te ajudar de forma mais assertiva.

Conte conosco para te ajudar durante os estudos!

Abraço!