no código html eu coloquei como type = "module", instalei o go live como dito na aula e fiz as exportações e importações como explicado, porem, quando ativo o go live o programa fica desse jeito . quando abro a ferramenta de desenvolvedor, não exibe nenhuma mensagem de erro. . segue os códigos do js.

main.js: `import BotaoConclui from "./componentes/concluiTarefa.js"; import BotaoDeleta from "./componentes/deletaTarefa.js";

const criarTarefa = (evento)=> {

evento.preventDefault();

const lista = document.querySelector("[data-list]");
const input = document.querySelector("[data-form-input]");
const valor = input.value;

const tarefa = document.createElement("li");
tarefa.classList.add("task");
const conteudo = `<p class= "content">${valor}</p>`;
tarefa.innerHTML = conteudo;

tarefa.appendChild(BotaoConclui());
tarefa.appendChild(BotaoDeleta());
lista.appendChild(tarefa) ;

input.value = " ";

}

const novatarefa = document.querySelector("[data-form-button]"); novatarefa.addEventListener("click", criarTarefa);`

concluiTarefa.js: `const BotaoConclui = ()=> { const botaoConclui = document.createElement("button");

botaoConclui.classList.add("check-button");
botaoConclui.innerText = "concluir"
botaoConclui.addEventListener("click", concluiTarefa);
return botaoConclui;

}

const concluiTarefa = (evento) => { const botaoConclui = evento.target;

const tarefaCompleta = botaoConclui.parentElement;

tarefaCompleta.classList.toggle("done");

}

export default BotaoConclui;`

deletaTarefa.js: `const BotaoDeleta = () => { const botaoDeleta = document.createElement("button");

botaoDeleta.innerText = "deletar"
botaoDeleta.addEventListener("click", deletarTarefa);

return botaoDeleta;

} const deletarTarefa = (evento) => { const botaoDeleta = evento.target;

const tarefaCompleta = botaoDeleta.parentElement;

tarefaCompleta.remove();

return botaoDeleta;

}

export default BotaoDeleta;`