Errores en la consola

buenas tengo problemas al realizar el proyecto, me sale los siguientes mensajes en la consola:

y mi codigo es el siguiente: en mostrarVideos.js

import {conexionAPI} from "./conexionAPI.js";

const lista =document.querySelector("[data-lista]");

function crearCard(titulo,descripcion,url,imagen){
    const video = document.createElement("li");
    video.className="videos_item";
    video.innerHTML = `<iframe width="100%" height="72%" src="${url}"
    title="${titulo}" frameborder="0"
    allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
    allowfullscreen></iframe>
    <div class="descripcion-video">
        <img src="${imagen}">
        <h3>${titulo}</h3>
        <p>${descripcion}</p>
    </div>`;

return video;
}

async function listarVideos(){
    const listaAPI = await conexionAPI.listarVideos()

    listaAPI.forEach(video => lista.appendChild(crearCard(video.titulo,video.descripcion,video.url,video.imagen)));
}

listarVideos()

en conexionAPI :

async function listarVideos(){
    const conexion = await fetch("http://localhost:3001/videos");

    const conexionConvertida = conexion.json();

    // console.log(conexionConvertida)
    return conexionConvertida
}

export const conexionAPI={
    listarVideos
}

//listarVideos()