Erro deply heroku

Boa tarde Erika, tudo certo?

Você está provavelmente está encontrando esse erro pois a porta que o Heroku habilita na rede pode não ser a porta que utilizamos durante o desenvolvimento.

Quando o Heroku sobe os projetos, ele disponibiliza uma variável de ambiente chamada PORT contendo qual porta deve ser utilizada. Você pode acessar essa variável da seguinte forma:

const porta = process.env.PORT;

Uma forma mais prática de desenvolver é colocar uma operação lógica que te dá uma porta conhecida caso essa variável de ambiente não exista. Então você também pode utilizar:

const porta = process.env.PORT || 3000;

Ou seja, a variável port vai receber o valor da variável de ambiente, mas caso ela não tenha sido definida o valor vai ser 3000.

E depois basta utilizar essa nova variável onde convém. No express, por exemplo:

app.listen(porta, () => console.log(`Servidor escutando na porta ${porta}...`));

Espero ter ajudado e que essa solução funcione. Bons estudos!