Solucionado (ver solução)
Solucionado
(ver solução)
2
respostas

Erro 401 Unauthorized

Estou tendo erro de autenticação e não sei como resolver O código:

const containerVideos = document.querySelector(".videos__container");

const api = fetch("http://localhost:3000/videos") 
.then(res => res.json())
.then((videos) =>
    videos.forEach((video)=> {
        containerVideos.innerHTML += `
        <li class="videos__item">
            <iframe src="${video.url}" title="${video.titulo}" frameborder="0" allowfullscreen></iframe>
                <div class="descricao-video">
                     <img class="img-canal" src = "${video.imagem}" alt="Logo do Canal">
                     <h3 class="titulo-video">${video.titulo}</h3>
                         <p class="titulo-canal">${video.descricao}</p>
                 </div>
              
        </li>
        `;
    
    })
)

Erro no chrome: Insira aqui a descrição dessa imagem para ajudar na acessibilidadeErro no edge: Insira aqui a descrição dessa imagem para ajudar na acessibilidade

Link do repositório: https://github.com/WagProjects/Vidflow

2 respostas
solução!

Olá, Wagner!

Testando a API com o seguinte comando:

json-server --watch backend/videos.json

A mesma funcionou, o problema está no fato de os vídeos aparecerem apenas após o final da tela, deixando um enorme espaço em branco antes de os vídeos serem exibidos. Apesar dos erros no console, muitos deles são devido a questões de requisições de vídeos do YouTube, nos quais pode haver direitos, mas no geral o código está funcionando.

No geral o seu projeto está assim: Gif no qual mostra o erro no código do aluno

Seu código em especial o menu lateral tem muitos detalhes de nomes do código que difere do projeto da aula, desde de nome das class a estruturação de tags. Se quiser alinhar o projeto, recomendo que, neste primeiro momento, acompanhe o código da instrutora para evitar erros.

Espero ter ajudado e reforço que em casos de dúvidas, conte sempre com o fórum da comunidade Alura! Bons estudos!

Sucesso

Um grande abraço e até mais!

Caso este post tenha lhe ajudado, por favor, marcar como solucionado ✓. Bons Estudos!

Obrigado, tantos erros no console me assustaram e não me atentei que estava a baixo haha.