Vue3 Cannot convert undefined or null to object

已于 2022-03-09 11:34:01 修改
阅读量8.2k 收藏 1
点赞数 1
分类专栏： Vue3 Cli5 文章标签： 前端 javascript 开发语言
于 2022-03-09 11:31:18 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u013269298/article/details/123372674
版权

1、报错信息

在vue3,vue-cli5的环境中,出现 "Cannot convert undefined or null to object " 的报错信息,报错截图如下:

2、问题排查

  1. 备份Template里面的标记，排除是因为模板语法导致的
  2. 如果不是模板里的问题，那么很大概率就是js里出现的问题, 可能是在组件创建的时候，也可能是在组件创建完成，执行相关生命周期函数的时候导致的问题,比如created,mounted等,把created和mounted函数里执行的相关代码注释，发现还是报错,那比较大的可能性就是在extend:Base这一块,结合报错内容,可能是存在什么undefine或者null的对象转换，比较大的可能是基类组件的属性和继承组件的属性合并过程中，导致这个错误

控制台没有打印'page created'，

最低0.47元/天 解锁文章
忆往昔成风
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
uni-app——uniapp 中 App.vue 路由跳转时报错：Cannot convert undefined or null to object
qq_43201350的博客
03-03 537
uni-app——uniapp 中 App.vue 路由跳转时报错：Cannot convert undefined or null to object
uni-app 云函数报错:Cannot convert undefined or null to object
永远行进
07-20 3990
最近用uni-app开发app时，调用云函数发生了下面的错误： Cannot convert undefined or null to object 因为不支持本地调试，经过反复return定位，发现错误代码行： const addRes = await collection.add(record) 这是云数据库的向集合中插入记录的方法。 正常来说不应该报错的，那问题可能出现在record参数上面。 record首先确认不为null或undefined 然后试了一个固定数据调用add方法成功： cons
报错处理(收集)
每天都要努力学习哦~~
02-03 2360
报错一 vue axios 报错 Uncaught (in promise) TypeError: Cannot convert undefined or null to object at Function.keys (<anonymous>) at mergeConfig (axios.js:1308) 问题：在 VUE 3.0.4 版本，使用 axios 时报错 Uncaught (in promise) TypeError: Cannot convert undefined or n
“TypeError: Cannot convert undefined or null to object”
m0_55885060的博客
02-14 4万+
菜鸟一枚，有其他想法欢迎提出来 出现问题： 1、组件未成功渲染到网页上面 2、控制台报错： 错误类型：无法将 undefined 或 null 转换为对象 问题原因： commentInfo在组件的props里面定义为Object类型，commentInfo.explain和commentInfo.images则是从接口里面传过来的。 当commentInfo对象里面没有explain、images属性的时候，commentInfo.explain、commentInfo.im
Cannot convert undefined or null to object
热门推荐
weixin_38694789的博客
12-09 7万+
在React时用Object.keys的时候报错：Cannot convert undefined or null to object 原因是： 1、Object.keys()中传错了参数 2、由于undefined和null无法转成对象，所以如果它们做为Object.assign()的参数（只有一个参数），也会报错。 我的原因是在Object.keys()只有一个参数，而且后台传回来...
vue cnpm install Cannot convert undefined or null to object
weixin_51946690的博客
06-30 4919
cnpm install 报错: Install fail! TypeError: Cannot convert undefined or null to object
[Vue warn]: Error in render: “TypeError: Cannot convert undefined or null to object“found in---＞
weixin_62395055的博客
03-15 5309
[Vue warn]: Error in render: "TypeError: Cannot convert undefined or null to object" TypeError: Cannot convert undefined or null to object at Function.keys (<anonymous>) 代码 <script> export default { name: "", props: { goods: { ...
vue props传值失败 输出undefined的解决方法
10-18
今天小编就为大家分享一篇vue props传值失败 输出undefined的解决方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
Vue报错：Uncaught TypeError: Cannot assign to read only property’exports‘ of object’#&lt;Object&gt;‘的解决
08-30
主要给大家介绍了关于Vue报错：Uncaught TypeError: Cannot assign to read only property 'exports' of object '#<Object>' 的解决方法，文中介绍的非常详细，需要的朋友们下面来一起看看吧。
Vue报错：Uncaught TypeError: Cannot assign to read only property’exports‘ of object’#Object‘的解决方法
12-09
Uncaught TypeError: Cannot assign to read only property 'exports' of object '#<Object>'   点开错误的文件，标注错误的地方是这样的一段代码： import {normalTime} from './timeFormat'; module....
vue3-captcha（vue3行为验证码）
06-20
vue3-captcha（vue3行为验证码）
vue中使用Vue.set()报错 Cannot convert undefined or null to object
yumihe
08-27 2万+
使用Vue.set()直接在data上增加属性 export default { data() { return { width: '100' } }, methods: { scrollFn(e) { Vue.set(this.data, 'height', 0) } ...
处理 TypeError: “Cannot convert undefined or null to object“ 的几种方法
最新发布
weixin_42279822的博客
05-29 1344
在处理可能为undefined或null的对象时，务必要进行适当的检查，以避免错误。添加空值检查使用默认值结合逻辑运算符选择合适的方法可以确保代码更加健壮，并提升应用程序的稳定性。在实际开发中，建议根据具体场景选择最合适的方法来处理潜在的空值问题。希望这篇文章对你有所帮助！如果你有其他问题或建议，欢迎在下方留言讨论。
Cannot convert undefined or null to object 报错提示
kekexiaomayi的博客
04-09 5612
报错提示目录1：Cannot convert undefined or null to object 报错提示记录： Object.keys（值）： 使用的值为null或者是undefined
vue3中使用chainwebpack转换gif图片为base64报错Cannot convert undefined or null to object
R__Zoro的博客
03-12 450
vue3中使用chainwebpack转换gif图片为base64报错Cannot convert undefined or null to object
npm i Cannot convert undefined or null to object
08-25
出现"Cannot convert undefined or null to object"的错误提示通常是因为在执行npm i命令时，遇到了空值或未定义的对象。这可能是由于一些原因导致的，例如依赖项的问题或配置设置错误。要解决这个问题，可以尝试以下方法：首先，运行"npm config set registry http://registry.npmjs.org/"命令来重新配置npm的注册表。然后，再次执行"npm install"命令来安装依赖项。这个方法经过本人测试有效，希望能对你有所帮助。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* *3* [vue cnpm install Cannot convert undefined or null to object](https://blog.csdn.net/weixin_51946690/article/details/125535714)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 100%"] [ .reference_list ]

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值