VUE项目报错：[Vue warn]: Error in render: “TypeError: Cannot convert object to primitive value“
1.问题描述：
我之前做的一个项目，PM联系我说，在某角色下没问题，在另外一个角色下展示出现问题。我得知此消息后，我先回复了一下对方后，啪的一下就打开了vs code，然后把项目跑起来，我迫不及待的想看看是什么问题，果然 这个问题 在控制台报错了，但一时还真就定位不到，报错如标题。具体如下截图
2.解决问题：
看到这个问题，我也是习惯性的先上百度搜一波，网上有说①名命问题，也有②在data里赋初值的。总之就是很宽泛，需要自己梳理一下代码然后找问题。我先说下我代码报错的原因吧，然后再说下我解决问题的思路吧
问题原因：v-if中判断一个对象是不是空
解决问题：判断写的不对，删掉即可
那我在这儿 说下我解决问题的思路
根据代码执行顺序，比如如果一进页面就报错的话，那一般都是在created、methods等这些生命周期钩子中，写几个console或使用return，来看看它到底执行到哪儿就不往后走了。
html中的话 就看数据对视图有哪些地方会影响，采用注释的方式，一点一点缩小范围。
3.回顾问题
遇到问题不可怕，可怕的是遇到问题了，但不知道是什么问题。一般情况下 只要能定位到问题，都是可以解决的，解决不了的 那就换个思路或者提出一些合理的理由让这个问题不在是问题。
最后我还想说一句↓
未来总是充满希望！ 加油。
VUE项目报错：[Vue warn]: Error in render: “TypeError: Cannot convert object to primitive value“相关推荐
- vue.runtime.esm.js:620 [Vue warn]: Error in nextTick: “TypeError: Cannot convert object to primitive
问题: vue.runtime.esm.js:620 [Vue warn]: Error in nextTick: "TypeError: Cannot convert object to ...
- 工作169:vue项目报错[Vue warn]: Property “visible“ must be accessed with “$data.visible“ because properties
vue项目中报错: [Vue warn]: Property "visible" must be accessed with "$data.visible" b ...
- vue项目报错，解决Module build failed: Error: Cannot find module ‘node-sass‘ 问题
vue项目报错,解决Module build failed: Error: Cannot find module 'node-sass' 问题 参考文章: (1)vue项目报错,解决Module bu ...
- 报错vue.runtime.esm.js?2b0e:619 [Vue warn]: Error in render: “TypeError: Cannot read property ‘length‘
在用 element-ui 做表单复选框的时候,出现报错 vue.runtime.esm.js?2b0e:619 [Vue warn]: Error in render: "TypeErro ...
- 前端开发：Vue项目报错Unknown custom element：XXX - did you register the component correctly…的解决方法丨蓄力计划
导读 Vue项目报错Unknown custom element:XXX - did you register the component correctly-的解决方法. 问题 前段时间在做前端项目 ...
- Vue项目 报错TypeError [ERR INVALID ARG TYPE]: The “path“ argument must be of type string
# Vue项目 报错TypeError [ERR INVALID ARG TYPE]: The "path" argument must be of type string 卡了半 ...
- Vue项目报错：This relative module was not found
Vue项目报错:This relative module was not found 问题如下 解决办法 出现这种错误检查自己的路径问题 我已解决 "./ ":代表当前所在的目录. ...
- 解决Vue项目报错：Expected indentation of 2 spaces but found 4. eslint(indent) [8, 1]的方法
解决Vue项目报错:Expected indentation of 2 spaces but found 4. eslint(indent) [8, 1]的方法 报错如下 问题分析 明显从图中可以以看 ...
- Vue工程报错解决方案Warn:import Vue from “vue“；
Vue工程报错解决方案Warn:import Vue from "vue"; 参考文章: (1)Vue工程报错解决方案Warn:import Vue from "vue& ...
最新文章
- 如何彻底关闭windows update
- 揭秘：美国国防部用什么样的操作系统
- 使用在线编辑器创建 SAP UI5 项目并运行
- 【JS 逆向百例】复杂的登录过程，最新微博登录逆向
- 使用思科asa防火墙deny QQ农场
- leanote 支持php,Leanote source leanote源码导读
- MySQL 批量添加
- 用adb 启动camera
- Java 跌落神坛，Python 继续夺冠....凭啥？
- JavaWeb — 请求响应流程图
- Linux下history命令用法
- Android Camera setRecordingHint函数 在部分手机上的问题。
- python 广义线性模型_scikit-learn 1.1 广义线性模型（Generalized Linear Models）
- 用shell脚本在consul注册exporter服务
- Win10,Win11家庭版开启远程桌面接入功能-有详细操作截屏
- 【cocos源码学习】cocos2d-x-4.0 Android Demo工程结构的简析
- 当你感觉为时已晚的时候，恰恰是最早的时候。
- 关闭 c4244_秀刻开放注册锁粉;天天有鱼推基金认筹;智慧云开放交易;五子登科开放交易;火艺短视频开放交易;购视界改制;等会儿短视频关闭交易;...
- cocos2d-x 添加启动数字输入法的功能
- 触摸屏单个按键远程控制led