Poderia me explicar esse erro ?
meus codigos> adcionarItem import {criarItemDaLista} from "./criarItemDaLista.js"
const item = document.getElementById("input-item"); const listaDeCompras = document.getElementById("lista-de-compras");
export function adicionarItem(evento) { evento.preventDefault()
const itemDaLista = criarItemDaLista(item.value);
listaDeCompras.appendChild(itemDaLista)
}
criarItemDalista onst listaComprados = document.getElementById("lista-comprados"); let contador = 0;
export function criarItemDaLista(item) {
const itemDaLista = document.createElement("li");
const containerItemLista = document.createElement("div");
containerItemLista.classList.add("lista-item-container");
const containerNomeDoItem = document.createElement("div");
const containerCheckbox = document.createElement("div");
containerCheckbox.classList.add("container-checkbox");
const checkboxInput = document.createElement("input");
checkboxInput.type = "checkbox";
checkboxInput.classList.add("input-checkbox");
checkboxInput.id = "checkbox-" + contador++;
const checkboxLabel = document.createElement("label");
checkboxLabel.setAttribute("for", checkboxInput.id);
checkboxLabel.addEventListener("click", function (evento) {
const checkboxInput = evento.currentTarget.querySelector(".input-checkbox");
const checkboxCustomizado = evento.currentTarget.querySelector(".checkbox-customizado");
const itemTitulo = evento.currentTarget.closest("li").querySelector("#item-titulo")
if (checkboxInput.checked) {
checkboxCustomizado.classList.add("checked");
itemTitulo.style.textDecoration = "line-through";
listaComprados.appendChild(itemDaLista)
} else {
checkboxCustomizado.classList.remove("checked");
itemTitulo.style.textDecoration = "none";
listaDeCompras.appendChild(itemDaLista)
}
})
const checkboxCustomizado = document.createElement("div");
checkboxCustomizado.classList.add("checkbox-customizado");
checkboxLabel.appendChild(checkboxInput);
checkboxLabel.appendChild(checkboxCustomizado);
containerCheckbox.appendChild(checkboxLabel);
containerNomeDoItem.appendChild(containerCheckbox)
const nomeDoItem = document.createElement("p");
nomeDoItem.id = "item-titulo";
nomeDoItem.innerText = item;
containerNomeDoItem.appendChild(nomeDoItem)
const containerBotoes = document.createElement("div");
const botaoRemover = document.createElement("button");
botaoRemover.classList.add("item-lista-button");
const imagemRemover = document.createElement("img");
imagemRemover.src = "img/delete.svg";
imagemRemover.alt = "Remover";
botaoRemover.appendChild(imagemRemover);
containerBotoes.appendChild(botaoRemover);
const botaoEditar = document.createElement("button");
botaoEditar.classList.add("item-lista-button")
const imagemEditar = document.createElement("img");
imagemEditar.src = "img/edit.svg";
imagemEditar.alt = "Editar";
botaoEditar.appendChild(imagemEditar);
containerBotoes.appendChild(botaoEditar);
containerItemLista.appendChild(containerNomeDoItem);
containerItemLista.appendChild(containerBotoes);
const itemData = document.createElement("p");
itemData.innerText = `${new Date().toLocaleDateString("pt-BR", { weekday: "long" })} (${new Date().toLocaleDateString()}) às ${new Date().toLocaleTimeString("pt-BR", { hour: "numeric", minute: "numeric" })}`;
itemData.classList.add("texto-data");
itemDaLista.appendChild(containerItemLista);
itemDaLista.appendChild(itemData);
return itemDaLista;
}