【BUG解决】Error in render: “TypeError: Cannot convert object to primitive value

最新推荐文章于 2023-03-24 20:06:33 发布
最新推荐文章于 2023-03-24 20:06:33 发布
阅读量2.6k 收藏
点赞数
分类专栏： Delete Bug 文章标签： javascript 开发语言 ecmascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/kikikiuu/article/details/121749850
版权

今天在写代码的时候，遇到这个报错，Error in render: “TypeError: Cannot convert object to primitive value
用微信浏览器浏览的时候，没有报错，用谷歌浏览器浏览的时候，才出现的报错信息

在这里插入图片描述
在此复盘一下：

当我们看到Error in render就应该将问题定位到渲染层，也就是我们的template里面
一般情况下，JS出错会有第几行出错的提示

那么他很有可能出现的情况就是以下两种：
①组件接收的类型出错
②某个视图层的判断出错

经过排查，发现代码里面就是 视图层的判断出错，对象后面的属性缺少了一个

一颗甜橙树
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Sawyer-zh#study-note#Vue-js路由报错TypeError-Cannot-read-property-c-
07-25
title: 'Vue.js路由报错:TypeError: Cannot read property ''_c'' of undefined'错误详情：像上面这
json-to-render:功能强大的动态界面渲染组件
03-16
Json渲染 将json数据渲染成界面的vue组件库，是根据， 以及相关项目开发的vue3版本 详细参考 特性 将json数据渲染成界面 基于vue3开发 ...支持将json数据特殊对象转换成...import JRender from '@json2render/vue-full' cr
JavaScript高阶副本：“==”隐藏下的类型转换
weixin_34204722的博客
04-10 131
抛砖引玉 按照正常的逻辑来说，我们判断两个值是否相等会遵循以下规则： 但是我看下面一组值： []==0 //true []==false //true []==!{} //true [10]==10 //true '0'==false //true ''==0 //true undefined==null //true !null==true //true 复制代码 居然没有按照我们的剧本走...
踩坑 TypeError: Cannot convert object to primitive value 翻译结果：类型错误:不能将对象转换为原始值
qq_45144972的博客
08-21 1万+
踩坑 TypeError: Cannot convert object to primitive value 翻译结果：类型错误:不能将对象转换为原始值 问题所在：在代码中将对象与基本类型做比较导致 if( object != '' ) //对象与字符串比较 报错
TypeError: Cannot convert object to primitive value
weixin_41886421的博客
03-24 2916
TypeError: Cannot convert object to primitive value
Node.js遇到的一个错误TypeError: Cannot convert object to primitive value
格物致知的专栏 [音视频编解码 网络协议 计算机视觉 计算机图形学 图像理解 语音识别 机器学习 模拟电路 传感器]
05-27 1万+
js文件运行时出现这个错误，发现是这一行引起的：console.log('req.body is:'+req.body) 将其改为：console.log('req.body is:',req.body)就好了。 这是因为req.body是对象，不是字符串。
vue.runtime.esm.js:620 [Vue warn]: Error in nextTick: “TypeError: Cannot convert object to primitive
qq_32758159的博客
12-06 3491
问题： vue.runtime.esm.js:620 [Vue warn]: Error in nextTick: “TypeError: Cannot convert object to primitive value” 直接把数据来源变量的值赋值给页面变量，正常展示 this.columns= [{prop: "num", label: "序号"}] 直接把数据来源变量赋值给页面变量，报错 this.columns= resp.headerList 对比两次赋值 尝试处理数据，之后解决了 th
解决python多线程报错:AttributeError: Cant pickle local object问题
01-20
File “D:/flaskProject/test.py”, line 35, in test pool.apply(self.out, args=(i,)) File “Python37-32\lib\multiprocessing\pool.py”, line 261, in apply return self.apply_async(func, args, kwds).get() ...
koa-chrome-render：用于koa的chrome-render中间件
02-03
koa-chrome-render 用于koa的中间件。 现代网络应用程序使用诸如react.js vue.js之类的技术在浏览器中呈现html，这会导致一些问题，例如搜索引擎无法抓取您的页面内容或在性能低下的设备上显示第一屏缓慢。 该项目想...
react-native-dynamic-render:J从Json对象渲染
05-02
yarn add react-native-dynamic-render 或者 npm i react-native-dynamic-render 用法 import DynamicComponent from "react-native-dynamic-render" ; import { Text , View } from "react-native" ; export ...
Javascript引擎内部的三种抽象操作
萧潇的技术博客
06-24 892
很久之前我在知乎上问过一道很无聊的Js题目，链接在这里JS中{}+[]和[]+{}的返回值情况是怎样的？，这篇文章要说的和这个题目有一些关系。下面介绍一下Js引擎内部的三种抽象操作。1.通过ToPrimitive()将值转换为原始值。 JavaScript引擎内部的抽象操作ToPrimitive()有着这样的签名: ToPrimitive(input, PreferredType)可选参数Pre
VUE项目报错：[Vue warn]: Error in render: “TypeError: Cannot convert object to primitive value“
weixin_42280496的博客
08-17 3219
1.问题描述： 我之前做的一个项目，PM联系我说，在某角色下没问题，在另外一个角色下展示出现问题。我得知此消息后，我先回复了一下对方后，啪的一下就打开了vs code，然后把项目跑起来，我迫不及待的想看看是什么问题，果然 这个问题 在控制台报错了，但一时还真就定位不到，报错如标题。具体如下截图 2.解决问题： 看到这个问题，我也是习惯性的先上百度搜一波，网上有说①名命问题，也有②在data里赋初值的。总之就是很宽泛，需要自己梳理一下代码然后找问题。我先说下我代码报错的原因吧，然后再说下我解决问题的思路
Error in render: “TypeError: Cannot read properties of null (reading ‘0‘)“ 报错解决方案
Rice_w的博客
04-30 3万+
近期在写项目的时候遇到一个很有趣的问题，当我准备获取一个数组中的子数组到页面时，提示我报错Error in render: “TypeError: Cannot read properties of null (reading ‘0’)”，渲染的时候不能读取，这是怎么回事呢，赶紧搜索一下，发现问题了 这是我原来报错的代码 <view class="apply-name"> <text>{{ item.applicant }}</text>
vue3+antd cannot convert object to primitive value
lbchenxy的博客
05-06 6363
vue3+antd cannot convert object to primitive value最近用vue3+ antd写了一个新项目，遇到了这样一个问题大家引以为戒 最近用vue3+ antd写了一个新项目，遇到了这样一个问题 问题描述：我写了一个table组件，然后父组件引用的时候需要用到一些其他的比如弹框啊，tree树啊，但是页面第一次进入都不报错。每次刷新的时候就会出现这个错误 这个错误我百度查了很久，告诉我类型错误，但是我没找到我哪里用到过的类型是有问题的。找了好久还是找不到问题出现的点，
数据类型转换
JiangJunDriver的博客
11-27 278
JavaScript是一种动态类型语言，变量没有类型限制，可以随时赋予任意值。var x = y ? 1 : 'a';上面代码中，变量x到底是数值还是字符串，取决于另一个变量y的值。只有在代码运行时，才可能知道x的类型。虽然变量没有类型，但是数据本省和各种运算符是有类型的。如果运算符发现，数据的类型与预期不符，就会自动转换类型。比如，减法运算符预期的运算子应该是数值，如果不是，就会自动将它们转为数值
JS数据类型转换
qq_33426324的博客
04-08 604
文章目录JS数据类型NumberStringUndefinednullBoolean数据转换转换为数字转换为String类型转化为 Boolean()类型隐式转换自动转换为字符串自动转换为数值 JS数据类型 常用的数据类型： Boolean、String、Number、Null、Undefined、Object 还有两种类型是ECMAScript新增的： BigInt、Symbol Number ...
UnhandledPromiseRejectionWarning: TypeError: Cannot convert object to primitive value
pycharm_k的博客
03-24 3201
UnhandledPromiseRejectionWarning: TypeError: Cannot convert object to primitive value 主要是这个错误，是类型转化的问题，node好像无法接收前端的json对象，所以我们要转化为json的字符串形式。 如下修改 ： 使用JSON.stringify()进行类型转换。 ...
修复报错 Error in render: “TypeError: Cannot read properties of undefined (reading ‘xxx‘)“
热门推荐
m0_51056513的博客
07-07 3万+
修复报错 Error in render: “TypeError: Cannot read properties of undefined (reading ‘xxx‘)“
Error in render: "TypeError: Cannot convert undefined or null to object"
最新发布
11-23
这个错误通常是由于在Vue组件的渲染过程中，尝试将undefined或null转换为对象时引起的。这可能是由于在组件中使用了未定义的变量或属性，或者由于数据未正确初始化导致的。解决此问题的一种方法是在组件的data选项中为相关数据属性设置默认值，以确保它们不会为undefined或null。另外，您还可以使用v-if或v-show指令来确保在数据准备好之前不会渲染组件。 以下是一个示例，演示如何在Vue组件中解决此错误： ```html <template> <div> <p v-if="seasonList.length">季节列表：</p> <ul v-if="seasonList.length"> <li v-for="(season, index) in seasonList" :key="index">{{ season.name }}</li> </ul> <p v-else>暂无季节数据</p> </div> </template> <script> export default { data() { return { seasonList: [{}], // 为seasonList设置默认值 }; }, mounted() { // 模拟异步获取季节数据 setTimeout(() => { this.seasonList = [ { name: '春季' }, { name: '夏季' }, { name: '秋季' }, { name: '冬季' }, ]; }, 1000); }, }; </script> ```

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值