收藏
回答

[渲染层错误] Uncaught (in promise) Error的错误?

这是一个登录页面,当用户未登录时,使用以下代码跳转到此,进入此页面后,在微信开发工具中报此错误,所有功能及业务正常。使用真机调试时,未看到此错误。

  goToLogin(){
    if(!app.isLogin()){
        wx.navigateTo({
            url: '/pages/login/login',
        })
    }
  },


详细的错误信息

[渲染层错误] Uncaught (in promise) Error: object null is not iterable (cannot read property Symbol(Symbol.iterator))
(env: macOS,mp,1.06.2504030; lib: 3.10.0)
[渲染层错误] Error: SystemError (webviewScriptError)
object null is not iterable (cannot read property Symbol(Symbol.iterator))
(env: macOS,mp,1.06.2504030; lib: 3.10.0)


页面的相关代码:

wxml

<view class="top-bg">
    <view class="box">
        <view class="login-title">
            <view>您好</view>
            <view>欢迎使用51健康商城</view>
        </view>
        <view class="back-btn-box" style="top:{{navBarHeight}}px">
            <view class="back-btn" bind:tap="goBack">
                <view class="iconfont icon-fanhui"></view>
            </view>
        </view>
    </view>
    
    <view class="box">
        <view class="login-box">
            <view class="login-item">
                <view class="login-label">
                    手机号
                </view>
                <view class="login-input">
                    <input type="text" placeholder="请输入您的手机号" model:value="{{mobile}}" placeholder-style="color:#999;" />
                </view>
            </view>
            <view class="login-item">
                <view class="login-label">
                    验证码
                </view>
                <view class="login-input">
                    <input type="number" placeholder="请输入您的验证码" model:value="{{code}}" maxlength="6" placeholder-style="color:#999;"/>
                    <view class="login-code" bind:tap="getCode">{{code_text}}</view>
                </view>
            </view>
            <view class="login-item">
                <view class="login-btn" bind:tap="login">登录</view>
            </view>
            <view class="login-item">
                <view class="bottom-border"></view>
            </view>
            <view class="login-item">
                <view class="login-wx-btn" bind:tap="wxLogin">微信一键登录</view>
            </view>
            <view class="login-item">
                <view class="login-text">
                    <label class="login-checkbox">
                        <checkbox-group bindchange="switchAgree">
                            <checkbox value="cc" checked="{{agree}}" />我已经阅读并同意 <text class="tip" catchtap="goToPrivacy">《隐私协议》</text>
                        </checkbox-group>
                    </label>
                </view>
            </view>
        </view>
    </view>
</view>

wxss

page{
    background: #ffffff ;
}


.login-title{
    padding-top:240rpx;
    font-size:48rpx;
    font-weight: 601;
    color:#333;
}


.top-bg{
    background:linear-gradient( 180deg,#00A0B0 0%, #fff 100%);
    margin:0;
    padding-bottom: 0;
    
}


.login-box{
    margin-top:90rpx;
    height: 500rpx;
    padding:32rpx;
    background: rgba(255,255,255,0.5);
    border-radius: 32rpx 32rpx 0rpx 0rpx;
}


.login-item{
    margin:32rpx 0 52rpx 0;
}
.login-label{
    margin:16rpx 0;
    font-weight: 601;
    color:#333;
}
.login-input{
    margin:16rpx 0;
    border-bottom:1px solid #bbb;
    padding:8px 0;
    display: flex;
    justify-content: space-between;
}


.login-code{
    color:#00A0B0;
    font-size:30rpx;
}


.login-btn{
    margin-top:64rpx;
    height: 96rpx;
    line-height:96rpx;
    background: linear-gradient( 270deg, #59C4A9 0%, #00A0B0 100%);
    border-radius: 48rpx ;
    color:#fff;
    text-align: center;
    font-size:32rpx;
}
.login-wx-btn{
    height: 96rpx;
    line-height:96rpx;
    background: #d4edeb;
    border-radius: 48rpx ;
    color:#00A0B0;
    font-weight: 601;
    text-align: center;
    font-size:32rpx;
}
.bottom-border{
    border-bottom: 1px solid #efefef;
}
.login-text{
    height:100rpx;
    width:100%;
    padding:32rpx;
    font-size:24rpx;
    position:fixed;
    bottom: 0;
    left: 0;
    display: flex;
    text-align: center;
}
.login-checkbox{
    flex:1;
    justify-content: center;
    align-items: center;
}
.tip{
    color:#00A0B0;
}



checkbox .wx-checkbox-input{
    border-radius: 50%;
    width: 30rpx;
    height: 30rpx;
 }
 checkbox .wx-checkbox-input.wx-checkbox-input-checked{
    border: 2px solid#00A0B0;
    background:#00A0B0;
 }
 checkbox .wx-checkbox-input.wx-checkbox-input-checked::before{
    border-radius: 50%;
    width: 40rpx;
    height: 40rpx; 
    line-height: 40rpx;
    text-align: center;
    font-size:30rpx;
    color:#fff;
    background: transparent;
    transform:translate(-50%, -50%) scale(1);
    -webkit-transform:translate(-50%, -50%) scale(1);
 }



回答关注问题邀请回答
收藏
登录 后发表内容