Envio de video nao funcionando

Esta dando o erro 404 no arquivo de criavideo.js

import { API } from "./main.js";

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

async function criarVideo(evento){
    evento.preventDefault();
    const titulo = document.querySelector("[data-titulo]").value;
    const imagem = document.querySelector("[data-imagem]").value;
    const url = document.querySelector("[data-url]").value;
    const descricao = Math.floor(Math.random()*10).toString();

    await API.criaVideo(titulo,descricao,url,imagem);

    window.location.href = "../pages/envio-concluido.html"
}

formulario.addEventListener("submit", evento => criarVideo(evento))

main.js

async function listaVideo(){
    const conexao = await fetch('http://localhost:3000/videos');
    const conexaoConvertida = await conexao.json();

    return conexaoConvertida;
}

async function criaVideo(titulo,descricao,url,imagem){
    const conexao = await fetch('http://localhost:3000/videos', {
        method:"POST",
        headers:{
            "Content-type":"application/json"
        },
        body: JSON.stringify({
            titulo:titulo,
            descricao: `${descricao} mil visualizações`,
            url: url,
            imagem: imagem
        })
    })

    const conexaoConvertida = await conexao.json();
    return conexaoConvertida;
}

export const API = {
    listaVideo,
    criaVideo
}