[Dúvida] meu console não retorna array

Olá Alessandra!

Pelo que vi, o problema parece estar relacionado ao erro 404 que indica que o arquivo buscarVideos.js não está sendo encontrado. Isso pode ser a razão pela qual o console não está retornando o array esperado.

Vou listar algumas sugestões para resolver o problema:

1. Verifique o Caminho do Arquivo:

   • Certifique-se de que o arquivo buscarVideos.js está no diretório correto e que o caminho especificado no index.html está correto. O caminho deve ser relativo à localização do arquivo HTML.

2. Nomes dos Arquivos:

   • Verifique se o nome do arquivo está correto, incluindo a capitalização, pois sistemas de arquivos são sensíveis a maiúsculas e minúsculas.

3. Cache do Navegador:

   • Tente limpar o cache do navegador ou abrir a página em uma janela anônima para garantir que não está usando uma versão antiga do arquivo.

4. Console de Erros:

   • Verifique se há outros erros no console que possam estar afetando o funcionamento do script.

Se ainda precisar de ajuda, eu peço que me envie o código do projeto, assim eu posso analisar melhor o que pode estar acontecendo.

Espero ter ajudado!

Siga firme nos seus estudos e conte com o fórum sempre que precisar!

Abraços :)

permanece o erro de não aparecer o array mesmo depois de ter identificado que o nome do arquivo buscarVideo estava errado.

import { conectaApi } from "./conectaApi.js";
import constroiCard from "./mostrarVideos.js";

async function buscarVideo(evento) {
    evento.preventDefault();
    const dadosDePesquisa = document.querySelector("[data-pesquisa]").value;
    const busca =await conectaApi.buscaVideo(dadosDePesquisa);

    console.log(busca);

const lista= document.querySelector("[data-lista]");
busca.forEach(elemento =>lista.appendChild (
    constroiCard(elemento.titulo, elemento.descricao, elemento.url, elemento.imagem))); 
}

const botaoDePesquisa= document.querySelector("[data-botao-pesquisa]");
botaoDePesquisa.addEventListener("click", evento=>buscarVideo(evento)) 


Olá, Alessandra. Tudo bem?

Testei seu código e esta funcionando corretamente, o que me leva a acreditar que o problema está em algum outro ponto do código. Você poderia me enviar o projeto completo? Assim eu posso analisar melhor o que pode estar acontecendo, pode ser pelo GitHub ou por um arquivo .zip no google drive.

Segue o link do projeto no github.https://github.com/AlessandraSantanna/aluraplay-requisicoes.git

Oi, Alessandra.

Eu notei um pequeno erro na url da função buscaVideo, no código ela está assim:

const conexao = await fetch(`http:localhost:3000/videos?q=${termoDeBusca}`);

Note que faltou o // após os dois pontos no inicio da url, o código corrigido fica assim:

async function buscaVideo(termoDeBusca) {
    const conexao = await fetch(`http://localhost:3000/videos?q=${termoDeBusca}`);
    const conexaoConvertida = conexao.json();

    return conexaoConvertida; 
} 

Só esse ajuste foi o suficiente para o projeto funcionar aqui. Faça o teste e me retorne, por favor :)

Era isso mesmo a falta das //, agora funcionou. Pequenos detalhes fazem muita diferença. Obrigada pela ajuda.