6
respostas

Mensagem de erro: Uncaught TypeError

Olá pessoal tudo bem? Estou recebendo o erro: Uncaught TypeError: Cannot read property 'addEventListener' of null no arquivo cadastro-clientes.js na linha 3, que seria:

formCadastroCliente.addEventListener("submit", event => {

cadastro-clientes.js

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

formCadastroCliente.addEventListener("submit", event => {
    event.preventDefault();

    const nome = event.target.querySelector("[data-nome]").value
    const cpf = event.target.querySelector("[data-cpf]").value

    if (validaCPf(cpf)) {
        cadastrarClientes(nome, cpf)
    } else {
        alert('O CPF informado não é valido!')
    }
});

Alguém pode iluminar ai? ;)

6 respostas

Fala ai Wesley, tudo bem? Tente logar o formCadastroCliente para ver o valor do mesmo, provavelmente vai mostrar null.

console.log(formCadastroCliente)

Se ele está vindo null é porque o querySelector não conseguiu achá-lo na página, certifique-se que o seu form tem o atributo data-form nele:

<form data-form>
    ...
</form>

Espero ter ajudado.

Bom dia Matheus! O form está ok, fiz o console.log dele e aparece o <form data-form>, ou seja, ele existe, não entendo porque a essa mensagem no addEventListener :/

Fala Wesley, tem outro addEventListener em algum outro arquivo .js? Se o form foi logado, não faz sentido mesmo dar esse erro.

O erro que é informado no console, aponta para esse arquivo?

Espero ter ajudado.

Realmente está muito estranho isso rs. Vou deixar aqui o repositório, quando puder dar uma olhada, agradeço!

Link: https://github.com/wesleyav/curso-alura-fetch-api-consumindo-uma-api-rest-com-javascript

Olá,

Wesley, dei uma olhada no seu código e aparentemente vc se confundiu na posição da tag body

Você colocou o body na linha 59, mas ele deveria estar logo depois da linha 23.

[]'s

Obs.: olhei o aquivo https://github.com/wesleyav/curso-alura-fetch-api-consumindo-uma-api-rest-com-javascript/blob/master/Petshop/cadastro-clientes.html

Fala Wesley, a solução do Bruno deu certo? Ainda não tive tempo de olhar o seu projeto com calma.

Abraços e bons estudos.