收藏
回答

如何解决swiper出现TypeError: Cannot read property '$$' ?

最近在练习小程序,偶然碰到轮播功能,我在引入时点击就会报错,图片为本地资源,current=0已经设置过了,无效,所以恳请大神指点
[渲染层错误] TypeError: Cannot read property '$$' of undefined
    at HTMLElement._attached.o._touchstartHandlerForDevtools (http://127.0.0.1:21285/__pageframe__/__dev__/WAWebview.js?t=wechat&s=1625795366898&v=2.17.0:2:1085880)(env: Windows,mp,1.05.2105170; lib: 2.17.0)
[渲染层错误] Uncaught TypeError: Cannot read property '$$' of undefined(env: Windows,mp,1.05.2105170; lib: 2.17.0)

轮播功能代码
<!--modules/carousel/carousel.wxml-->
<template name="carousel">
  <view>
    <swiper indicator-dots="{{indicatorDots}}" autoplay="{{autoplay}}" interval="{{interval}}" duration="{{duration}}" current="0">
      <block wx:for="{{imgUrls}}" wx:key="key">
        <swiper-item>
          <image src="{{item}}" style="width:100%"/>
        </swiper-item>
      </block>
    </swiper>
  </view>
</template>

// modules/carousel/carousel.js
Page({
     data: {
       current:0,
       indicatorDots:true,  
       autoplay:true,  
       interval:5000,  
       duration:1000,  
       imgUrls:[  
         "../../src/images/a1.jpg",  
         "../../src/images/a2.jpg",  
         "../../src/images/a3.jpg", 
         "../../src/images/a4.jpg"
       ]
     }
})


回答关注问题邀请回答
收藏

4 个回答

  • ChrisYoung
    ChrisYoung
    2022-02-16

    你好,请问解决了吗,我的也是同样的问题。不过我的是网络图片,用promise做异步调用时出现的这个问题,不做这个调用就没事,只要用promise做调用就有这个问题。

    2022-02-16
    有用
    回复
  • 春日折酒
    春日折酒
    2021-08-11

    请问问题解决了吗?我这里也是同样的错误,使用了uView中的tabsSwiper组件,滑动的时候出现错误并且轮播也滑动不了

    2021-08-11
    有用
    回复
  • 起者王也
    起者王也
    2021-07-26

    多节点列表渲染要用block包含并且指定wx:key,绝对有效,已解决。

    2021-07-26
    有用
    回复
  • Cjiang
    Cjiang
    2021-07-09

    提供能复现问题的简单代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html)。

    2021-07-09
    有用
    回复
登录 后发表内容