.map() is not a function【js报错】

下面的代码报错TpyeError:data.map is not a function.

let nameList = data.map(item => item.name);
原因1:data不是数组;
解决方法:将data转换成数组
let data = Array.from(data);
  • map不能遍历HTMLCollection类型的数据,必须先将HTMLCollection转换成array。
  • 接着使用for循环,发现能正常运行。

参考博客:记录React JS TypeError: data.map is not a function  https://blog.csdn.net/weixin_44371012/article/details/89716413

                  .map() is not a function【js报错】 https://www.cnblogs.com/jaycethanks/p/13491512.html

### 如何修复 `transpileDependencies.map` 不是函数导致的 TypeError 错误 当遇到 `TypeError: transpileDependencies.map is not a function` 这类错误时,通常是因为 Vue CLI 配置中的 `transpileDependencies` 属性被设置为了一个非数组类型的值。要解决这个问题,可以按照以下方法调整配置文件。 #### 方法一:修正 `vue.config.js` 确保在项目的根目录下存在 `vue.config.js` 文件,并且其中定义了 `transpileDependencies` 作为数组形式: ```javascript module.exports = { transpileDependencies: [] }; ``` 如果已经有一个 `transpileDependencies` 列表,则应确认其确实是一个有效的 JavaScript 数组[^1]。 #### 方法二:排查第三方库冲突 有时该问题可能是由于某些特定版本的第三方库引起的兼容性问题所造成的。例如,在使用 SuperMap 地图服务时遇到了类似的报错情况[^2]。因此建议检查最近安装过的 npm 或 yarn 包是否有更新记录,并尝试回滚到之前稳定工作的版本来排除这些因素的影响。 #### 方法三:清理缓存并重新构建项目 清除 node_modules 和 package-lock.json/yarn.lock 后再次执行安装命令可以帮助消除潜在的环境差异带来的影响: ```bash rm -rf node_modules/ rm package-lock.json # 如果使用的是npm # rm yarn.lock # 如果使用的是yarn npm install # 对于npm用户 # yarn # 对于yarn用户 npm run serve # 构建并启动开发服务器 ``` 通过以上措施应该能够有效处理 `transpileDependencies.map is not a function` 的错误提示。不过需要注意的是,具体实施过程中还需结合实际应用场景灵活应对可能存在的其他变量。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值