Accueil·Messages d’erreur

chrome · JavaScript

Le message

TypeError: items.map is not a function

Ce que cela veut dire

Le nom existe mais ce n'est pas une fonction — s'il n'existait pas du tout, le message parlerait d'undefined. Causes typiques : quelque chose que vous prenez pour un tableau et qui est en fait un objet ou une NodeList, une API qui renvoie {data: [...]} au lieu du tableau, ou une mauvaise forme d'export par défaut. Affichez-le avant de théoriser : un seul console.log(typeof items, items) règle la moitié des cas sur place. Une NodeList ou un Set n'a besoin que d'Array.from(items) ; mais si c'était {data: [...]}, l'envelopper est faux et items = res.data est la correction.

Le correctif

Pas de commande en une ligne ici. L’explication dit où regarder.

Émis par
chrome
JavaScript
15

Les erreurs du navigateur et de Node disent d'ordinaire ce qui a cassé et non pourquoi la valeur est devenue telle — vous avez lu undefined, ce n'était pas une fonction, ce n'était pas du JSON — l'endroit à corriger se trouve donc en amont de la ligne qui a levé l'erreur, et faire taire cette seule ligne avec ?. et des valeurs par défaut fait revenir le même problème plus loin, sous une forme plus difficile à reconnaître.

Lire un message d’erreur

  • Lisez à partir de la première ligne. Plus on descend, plus il s’agit des entrailles de l’outil ; la cause est généralement en haut.
  • S’il y a un fichier et un numéro de ligne, commencez là — pas la première image de la pile, mais la ligne la plus haute qui nomme un fichier de vous.
  • Cherchez le message tel quel, mais retirez d’abord vos chemins et vos noms de variables : c’est cela qui empêche la correspondance.
  • La même situation se formule autrement selon la version de l’outil. Si les résultats sonnent faux, ajoutez le numéro de version.
  • Avant de coller un correctif, vérifiez ce qu’il jette. Certains sont irréversibles.

Questions fréquentes

Q. Que veut dire « TypeError: items.map is not a function » ?

Le nom existe mais ce n'est pas une fonction — s'il n'existait pas du tout, le message parlerait d'undefined. Causes typiques : quelque chose que vous prenez pour un tableau et qui est en fait un objet ou une NodeList, une API qui renvoie {data: [...]} au lieu du tableau, ou une mauvaise forme d'export par défaut. Affichez-le avant de théoriser : un seul console.log(typeof items, items) règle la moitié des cas sur place. Une NodeList ou un Set n'a besoin que d'Array.from(items) ; mais si c'était {data: [...]}, l'envelopper est faux et items = res.data est la correction.

Q. Comment le corriger ?

Pas de commande en une ligne. L’explication ci-dessus dit où regarder.

Q. Quel outil émet cela ?

chrome. Cela relève de JavaScript, et le message compte 6 mots.

Erreurs voisines