Início·Mensagens de erro

chrome · JavaScript

A mensagem

TypeError: items.map is not a function

O que significa

O nome existe, mas não é uma função — se não existisse, a mensagem falaria de undefined. Causas típicas: algo que você tomou por array e é na verdade um objeto ou um NodeList, uma API que devolve {data: [...]} em vez do array, ou o formato errado do export default de um módulo. Imprima antes de teorizar: um console.log(typeof items, items) resolve metade desses casos na hora. Um NodeList ou Set só precisa de Array.from(items); mas se era {data: [...]}, embrulhar está errado e o certo é items = res.data.

A correção

Não há um comando de uma linha. A explicação diz o que verificar.

Impresso por
chrome
JavaScript
15

Erros de navegador e de Node costumam dizer o que quebrou e não por que o valor ficou assim — você leu undefined, não era uma função, não era JSON — então o lugar de corrigir está acima da linha que estourou, e calar só aquela linha com ?. e valores padrão faz o mesmo problema reaparecer mais longe, numa forma mais difícil de reconhecer.

Como ler uma mensagem de erro

  • Leia da primeira linha para baixo. Quanto mais abaixo, mais são as tripas da ferramenta; a causa costuma estar no topo.
  • Se há arquivo e número de linha, comece ali — não o quadro superior da pilha, e sim a linha mais alta que nomeie um arquivo seu.
  • Pesquise a mensagem literal, mas tire primeiro seus caminhos e nomes de variáveis: é isso que impede a busca de casar.
  • A mesma condição é redigida de formas diferentes conforme a versão. Se os resultados não batem, some o número da versão.
  • Antes de colar uma correção, veja o que ela descarta. Algumas não dá para desfazer.

Perguntas frequentes

Q. O que significa “TypeError: items.map is not a function”?

O nome existe, mas não é uma função — se não existisse, a mensagem falaria de undefined. Causas típicas: algo que você tomou por array e é na verdade um objeto ou um NodeList, uma API que devolve {data: [...]} em vez do array, ou o formato errado do export default de um módulo. Imprima antes de teorizar: um console.log(typeof items, items) resolve metade desses casos na hora. Um NodeList ou Set só precisa de Array.from(items); mas se era {data: [...]}, embrulhar está errado e o certo é items = res.data.

Q. Como corrigir?

Não há comando de uma linha. A explicação acima diz o que verificar.

Q. Qual ferramenta imprime isso?

chrome. Fica em JavaScript e a mensagem tem 6 palavras.

Erros próximos