微信小程序报错：[渲染层错误] TypeError: Cannot read property ‘$$‘ of undefined

最新推荐文章于 2024-05-01 17:51:28 发布
最新推荐文章于 2024-05-01 17:51:28 发布
阅读量3.3k 收藏 4
点赞数
文章标签： 微信小程序 小程序 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_52109814/article/details/129390522
版权

报错细节

请添加图片描述
渲染层出错，滑动图片组件无法显示，(swiper是轮播图插件，因此错误应该出现在swiper组件的渲染中)如图：
请添加图片描述

报错原因

wxml在使用swiper组件时，未接收到数据，因此页面也不会渲染此项数据。

解决办法

到页面对应的js文件下，将对应数据传入data中（我要传入的数据是图片的url），如图所示：
请添加图片描述

成功解决

请添加图片描述

L-M-Y
关注
  • 0
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
微信小程序实现轮播图效果
08-29
主要为大家详细介绍了微信小程序实现轮播图效果，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
微信小程序swiper组件与java后端接口整合出现了[渲染层错误] TypeError: Cannot read property ‘$$‘ of undefined
Steel_Gun的博客
06-29 2054
[渲染层错误] TypeError: Cannot read property '$$' of undefined
[渲染层错误] Uncaught TypeError: Cannot read property ‘$$‘ of undefined
weixin_43743378的博客
03-27 763
[渲染层错误] Uncaught TypeError: Cannot read property '$$' of undefined(env: Windows,mp,1.05.2204250; lib: 3.3.5)
微信小程序：[渲染层错误] Uncaught TypeError: Cannot read property ‘$$‘ of undefined
qq_61798125的博客
04-10 1161
出现这个问题可能是因为微信小程序的swiper组件的display-multiple-items参数有问题，display-multiple-items的值只能为整数。
渲染层错误 Uncaught TypeError: Cannot read property ‘$$‘ of undefined
Ruanruan255的博客
02-12 1085
代码没有报错，但是图片不显示，在点击轮播图以后报错渲染层错误，尝试了加current还是报错，不明白那里出现了问题。
jQuery 出现Cannot read property ‘msie’ of undefined错误的解决方法
01-19
jQuery Cannot read property ‘msie’ of undefined错误的解决方法 最近把一个项目的jQuery升级到最新版，发现有些页面报如下错误 Cannot read property ‘msie’ of undefined 上jQuery网站上搜了一下，原因是$.browser这个api从jQuery1.9开始就正式废除，js代码里只要用到$.browser就会报这个错。具体说明参见jQuery官方说明。 楼主顺便扩展阅读了一下，发现jQuery 1.9把所有在之前版本里标记为deprecated的api都正式删除了，彻底不再向后兼容。对于升级到最新jQu
微信小程序在调用swiper组件时如果出现[渲染层错误] Uncaught TypeError: Cannot read property ‘$$‘ of undefined
weixin_51447405的博客
01-06 2060
微信小程序 报错：TypeError: Cannot read property ‘$$’ of undefined。
【前端报错】Uncaught TypeError: Cannot read property'变量名' of undefined
热门推荐
雀黑够呛哥
09-16 3万+
这只是多给大家一种解bug思路，通常undefined错就是用了一个没有定义的变量，也引申到下面这种情况： 一、现状说明 变量名定义正常； 数据成功渲染到前端； 但是一直报错Uncaught TypeError: Cannot read property' 变量名' of undefined 二、代码说明 用js遍历json数据渲染到前端。 1、html代码 <div cla...
[渲染层错误] Uncaught TypeError: Cannot read property ‘$$‘ of undefined(env: Windows,mp,1.06.2306020； lib
十一侍卫的博客
07-29 926
swiper组件里，我设置了swiper-item的wx:for的循环，发现当数据长度到达我设置的长度，就会一片空白还报渲染层错误。于是排查了一天半之后发现，是我设置wx:for的长度与我传入的数据长度不对等。
微信小程序Cannot read property ‘$$‘ of undefined
m0_46182627的博客
11-07 7916
Cannot read property ‘$$’ of undefined 情况简述： <swiper> <block wx:for="{{questions}}" wx:key="*this"> <swiper-item> <view> {{item.q_stem}} </view> <view>
Vue 报错TypeError: this.$set is not a function 的解决方法
10-17
主要介绍了Vue 报错TypeError: this.$set is not a function 的解决方法，分享给大家，需要的朋友们下面随着小编来一起学习学习吧
微信小程序使用swiper组件实现层叠轮播图
10-17
主要为大家详细介绍了微信小程序使用swiper组件实现层叠轮播图，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
Vue报错：Uncaught TypeError: Cannot assign to read only property’exports‘ of object’#Object‘的解决方法
12-09
发现问题 运行一下以前的一个Vue+webpack的 vue仿新闻网站  小项目，报错 由于自己vue学习不深入，老是这个报错，找了好久（确切的说是整整一下午^…^）才找到原因 -v- Uncaught TypeError: Cannot assign to read only property 'exports' of object '#<Object>'   点开错误的文件，标注错误的地方是这样的一段代码： import {normalTime} from './timeFormat'; module.exports={ 　　normalTime }; 就是module.exports
Python 出现错误TypeError: ‘NoneType’ object is not iterable解决办法
09-21
主要介绍了Python 出现错误TypeError: ‘NoneType’ object is not iterable解决办法的相关资料,需要的朋友可以参考下
微信小程序报错：this.setData is not a function的解决办法
11-28
微信小程序 报错：this.setData is not a function 在page中定义的代码如下，代码会报错：this.setData is not a function pasteEncryptedText:function(){ let decryptedPass = this.data.decryptedPassword; if (decryptedPass == '' ){ wx.showToast({ title: '请先输入解密密码', mask: true, success: function (res) { s
微信小程序报错: thirdScriptError的错误问题
11-20
微信小程序报错 VM1305:1 thirdScriptError Cannot read property ‘name’ of undefined TypeError: Cannot read property ‘name’ of undefined  at z ...
小程序报错: Uncaught TypeError: Converting circular structure to JSON
03-29
今天把最近一直在开发的小程序放安卓手机上测试一下，结果某个页面就一直报错： Uncaught TypeError: Converting circular structure to JSON 先说一下基本的环境： 系统：Android 6.0.1 手机：小米4 微信版本：...
Springboot+Vue+小程序+基于微信小程序护农远程看护系统
最新发布
Mas的博客
05-01 753
开发平台为idea，maven管理工具，Mybatis操作数据库，根据市场数字化需要为农户打造小程序可远程查看农场的种植情况。项目是调试，讲解服务均可有偿获取，需要可在最下方QQ二维码处联系我。Springboot+Vue+小程序，基于微信小程序的农场信息管理系统。数据库Mysql，17张表。11.轮播图管理，农业活动及活动分类管理。前台可以查阅接受保护的农产品。1.农产品增删改查模块。后台对请求进行管理。12.个人信息管理。
微信小程序报错TypeError: Cannot read property 'context' of undefined
08-23
根据提供的引用内容，"TypeError: Cannot read property 'context' of undefined"是微信小程序报错的一种情况。该错误通常发生在尝试访问未定义（undefined）对象的属性时。出现这个错误的原因可能是在代码中尝试访问一个不存在或未定义的对象的属性。 解决这个问题的方法可以包括以下步骤： 1. 首先，检查代码中出现错误的地方，找到引发错误的行数和具体位置。 2. 确认是否在访问属性之前正确地定义了对象。可以使用console.log()或其他调试方法来查看对象的值和属性。 3. 确保对象存在并且已经正确初始化。如果对象为空或未定义，可能需要检查代码逻辑并确保正确初始化该对象。 4. 如果是异步操作，确保在获取到需要的数据后再进行属性访问操作。可能需要使用回调函数、Promise或async/await等方式来处理异步操作。 5. 使用条件语句或try-catch语句来捕获可能导致错误的情况，以避免程序崩溃。 6. 如果以上方法都无法解决问题，可以参考微信官方文档或开发者社区中的相关讨论，寻求更具体的解决方案。 需要注意的是，具体解决方法可能因为代码的不同而有所差异，因此建议根据自己的代码情况来选择合适的方法来解决该错误。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* [微信小程序 报错：TypeError: Cannot read property ‘setData‘ of undefined 及两种解决方法](https://blog.csdn.net/qq_43263320/article/details/113706520)[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: 50%"] - *3* [微信小程序报错: thirdScriptError的错误问题](https://download.csdn.net/download/weixin_38499349/13129051)[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: 50%"] [ .reference_list ]

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值