problemas com o ".length"

Para fazer o exercício proposto, me baseei na aula 9 atividade 8, e creio que eu fiz tudo corretamente, segue código abaixo:

<meta charset="UTF-8">

<h1>Receitas do Yan</h1> 

<script>

//Exercicio
//Ao testar o código, verificamos que ele funciona! O problema é que podemos adicionar na lista de uma receita ingredientes repetidos. Altere o código para que os ingredientes repetidos não possam ser adicionados.

    var quantidade = parseInt(prompt("Quantos ingredientes você vai adicionar?"));

    var ingredientes = [];

    var contador = 1;

    while( contador <= quantidade) {

        var ingrediente = prompt("Informe o ingrediente " + contador);
        var achou = false

        for(var posicao = 0; posicao < ingredientes.length; posicao++) {

            if(ingredientes[posicao] == ingrediente) {

                achou = true;
                break;

            }
        } 
        if(achou == false) {
            ingredientes.push(ingrediente);
            contador++;
        }

    }

    console.log(ingredientes);
</script>

Porém, quando vou testar o código, nada acontece e no meu console, mostra que ha um erro no ".length", e eu não consigo entender qual é este erro. alguém consegue me explicar?