[ERRO] Não aparece nada na tela. | JavaScript na Web: armazenando dados no navegador

const taskListContainer = document.querySelector('.app_section-task-list')

let tarefas = [
        {
            descricao: 'Tarefa Concluída',
            concluida: true
        },
        {
            descricao: 'Tarefa Pendente',
            concluida: false
        }
]

const taskIconSvg = `
<svg class="app_section-task-icon-status" width="24" height="24" viewBox="0 0 24 24"
fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="12" cy="12" r="12" 
    fill="#FFF" />
<path
    d "M9 16.1719119.5938 5.57812121 6.9843819 18.9844L3.42188 13.4062L4.82812 12L19 16.17192"
    fill="#01080E" 
</svg>`

function createTask (tarefa){
    const li = document.createElement("li");
    li.classList.add(".app__section-task-list-item");

    const svgIcon = document.createElement("svg");
    svgIcon.innerHTML = taskIconSvg;

    const paragraph = document.createElement("p")
    paragraph.classList.add(".app__section-task-list-item-description");
    paragraph.textContent = tarefa.descricao;

    li.appendChild(svgIcon);
    li.appendChild(paragraph)

    return li
}

tarefas.forEach((task) => {
    const taskItem = createTask(task);
    taskListContainer.appendChild("taskItem");
});

Insira aqui a descrição dessa imagem para ajudar na acessibilidade

eu ate copiei o codigo da aula mas o erro persiste, onde posso estar errando?

Os erros foram de digitação, repare na parte final do código:

tarefas.forEach((task) => {
    const taskItem = createTask(task);
    taskListContainer.appendChild("taskItem");
});

O primeiro erro está nos parênteses do forEach, que deveria ser somente aberto antes do task, e fechado no final da array function (vou demonstrar mais abaixo como deve ficar)

O segundo erro está no appendChild, que você utilizou o valor entre aspas duplas, sendo que não é uma string, e sim uma variável const, e por isso deve ser declarada sem aspas.

Segue o código da forma correta:

tarefas.forEach(task => {
    const taskItem = createTask(task)
    taskListContainer.appendChild(taskItem)
})

Espero ter ajudado! =)

Chegou a hora de transformar