首页·报错信息

chrome · JavaScript

报错原文

TypeError: items.map is not a function

这是什么意思

这个名字存在,但它不是函数——如果它压根不存在,消息会改成说 undefined。典型原因是:你当成数组的东西其实是对象或 NodeList;API 返回的是 {data: [...]} 而不是数组本身;或者模块默认导出的形状你猜错了。别先猜,先打印:一行 console.log(typeof items, items) 就能当场解决其中一半。是 NodeList 或 Set,Array.from(items) 包一下就好;但若它是 {data: [...]},包是错的,正确做法是 items = res.data。

怎么修

这个没有一行命令能解决。说明里写了该看哪里。

来自
chrome
JavaScript
15

浏览器和 node 的错误通常只告诉你什么坏了,不告诉你那个值为什么变成这样——你读了 undefined、它不是函数、它不是 JSON——所以该修的地方在抛错那一行的上游;只用 ?. 和默认值把那一行按住,同样的问题会在更远的地方、以更难辨认的样子回来。

怎么读报错

  • 从第一行往下读。越往下越是工具内部的事,起因通常写在最上面。
  • 有文件名和行号就从那里查——不是栈顶那一帧,而是最上面那条提到你自己写的文件的行。
  • 把报错原文照样去搜,但先去掉你自己的路径和变量名,正是那些让搜索匹配不上。
  • 同一种情况在不同版本里措辞不同。结果不对头,就把版本号一起加进查询。
  • 粘贴修法之前,先确认它会丢掉什么。这里面有些是不能撤回的。

常见问题

Q. “TypeError: items.map is not a function” 是什么意思?

这个名字存在,但它不是函数——如果它压根不存在,消息会改成说 undefined。典型原因是:你当成数组的东西其实是对象或 NodeList;API 返回的是 {data: [...]} 而不是数组本身;或者模块默认导出的形状你猜错了。别先猜,先打印:一行 console.log(typeof items, items) 就能当场解决其中一半。是 NodeList 或 Set,Array.from(items) 包一下就好;但若它是 {data: [...]},包是错的,正确做法是 items = res.data。

Q. 怎么修?

没有一行命令能解决。上面的说明写了该看哪里。

Q. 这是哪个工具报的?

chrome。它属于JavaScript,报错原文有 6 个词。

相关报错