Uncaught TypeError: Cannot read property 'nome' of null

Olá, pessoal, estou encontrando um problema que já ocorreu e era bug do vs code da última vez, quando tento trazer o valor pelo nome do input para uma variável, ele não consegue reconhecer o campo e dá valor nulo. Acontece também quando tento trazer o valor do input pela chave/id do mesmo. Alguma luz pra me ajudar?

JS

var botaoAdicionar = document.querySelector("#adicionar-paciente");
botaoAdicionar.addEventListener("click", function(event){
    event.preventDefault();
    var form = document.querySelector("#form-adiciona");
    var nome = form.nome.value; 
    var peso = form.peso.value; 
    var altura = form.altura.value;
    var gordura = form.gordura.value; 

    console.log(altura);
});

HTML

<form id="form-adiciona">
                <div class="grupo">
                    <label for="nome">Nome:</label>
                    <input id="nome" name="nome" type="text" placeholder="digite o nome do seu paciente" class="campo">
                </div>
                <div class="grupo">
                    <label for="peso">Peso:</label>
                    <input id="peso" name="peso" type="text" placeholder="digite o peso do seu paciente" class="campo campo-medio">
                </div>
                <div class="grupo">
                    <label for="altura">Altura:</label>
                    <input id="altura" name="altura" type="text" placeholder="digite a altura do seu paciente" class="campo campo-medio">
                </div>
                <div class="grupo">
                    <label for="gordura">% de Gordura:</label>
                    <input id="gordura" type="text" placeholder="digite a porcentagem de gordura do seu paciente" class="campo campo-medio">
                </div>