代码如下
<template>
<view>
<input
v-model="mobile"
type="text"
<input
v-model="password"
password</view>
</template>
<script>
export default {
data() {
return {
mobile: '',
password: '',
}
},
}
</script>
p***@163.com
- 发布：2025-06-12 11:08
- 更新：2025-06-13 14:06
- 阅读：188
【报Bug】微信小程序中同时存在两个 input 组件就会报渲染层错误[渲染层错误] Uncaught (in promise) Error: object null is not iterable
分类：uni-app
产品分类： uniapp/小程序/微信
PC开发环境操作系统： Mac
PC开发环境操作系统版本号： 15.1.1
第三方开发者工具版本号： 1.06.2503300 darwin-arm64
基础库版本号： 3.8.8
项目创建方式： CLI
CLI版本号： 2.0.2-4020420240722003
示例代码：
操作步骤：
只需要在组件里面同时放入两个 input 组件就可以了
只需要在组件里面同时放入两个 input 组件就可以了
预期结果：
不报错
不报错
实际结果：
[渲染层错误] Uncaught (in promise) Error: object null is not iterable (cannot read property Symbol(Symbol.iterator))(env: macOS,mp,1.06.2503300; lib: 3.8.8)
[渲染层错误] Error: SystemError (webviewScriptError)
object null is not iterable (cannot read
[渲染层错误] Uncaught (in promise) Error: object null is not iterable (cannot read property Symbol(Symbol.iterator))(env: macOS,mp,1.06.2503300; lib: 3.8.8)
[渲染层错误] Error: SystemError (webviewScriptError)
object null is not iterable (cannot read
bug描述：
在做一个账密登录组件，页面同时引入了两个 Input，只要同时组件里面有两个 Input 组件就会微信开发者工具报渲染层错误。
解决没有，大佬，不知道是哪里出问题，我这个就是一个登录界面，进来什么操作也没有做也出现这个相同的问题
项目技术栈：根据文档使用vue-cli 创建的 uni-app vue3项目，编译之后使用微信开发者打开
p***@163.com (作者)
我这边是一个之前创建的 vue2 的项目，现在使用的 Uniapp 版本是2.0.2-4020420240722003。如果只有一个 input 组件是没问题的，有两个就会报错。尝试了修改两个 input 的类型什么的，都没用，只能注释一个保留一个才可以。
h***@163.com
我也遇到这个相同的问题，问题截图提在这个问题的回答里了
2025-06-12 13:35
h***@163.com
注释掉input剩下一个input这个错误就被消除了
2025-06-12 14:35
p***@163.com (作者)
我尝试了用最新的 uniapp 版本^2.0.2-4060620250520001 去尝试重新这个问题是没有，但是我这个2.0.2-4020420240722003，确实是能稳定复现这个问题。就是一个组件内不能同时存在两个 Input
2025-06-12 16:04