[渲染层错误] 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);
}