Eu vi nos tópicos uma resposta para o seguinte erro:

GET http://127.0.0.1:5500/componentes/deletaTarefa net::ERR_ABORTED 404 (Not Found) GET http://127.0.0.1:5500/componentes/concluiTarefa net::ERR_ABORTED 404 (Not Found)

A solução dita é que os objetos foram apenas importados mas não utilizados, porém os mesmos objetos estão presentes no main.js

import BotaoConclui from "./componentes/concluiTarefa"
import BotaoDeleta from "./componentes/deletaTarefa"

  const criarTarefa = (evento) => {

  evento.preventDefault()

  const lista = document.querySelector('[data-list]')
  const input = document.querySelector('[data-form-inpu]')
  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)