uni-app picker组件mode=date在chrome手机模式下报错Error in render: "TypeError: Object(...) is not a function"

uni-app picker组件mode=date在chrome手机模式下报错Error in render: “TypeError: Object(…) is not a function”

示例代码：

官方演示代码

操作步骤：

使用官方演示代码

预期结果：

手机模式正常打开选择日期弹窗

实际结果：

报错，没打开弹窗

bug描述：

chrome不使用手机模式正常打开选择日期弹窗

使用手机模式打不开选择日期弹框并且报错

信息类别 信息内容
产品分类 uniapp/H5
PC开发环境操作系统 Windows
PC开发环境操作系统版本号 win10
HBuilderX类型 正式
HBuilderX版本号 3.2.16
浏览器平台 Chrome
浏览器版本 96.0.4664.45（正式版本）
项目创建方式 HBuilderX

image image

相关链接 ：


更多关于uni-app picker组件mode=date在chrome手机模式下报错Error in render: "TypeError: Object(...) is not a function"的实战教程也可以访问 https://www.itying.com/category-93-b0.html

8 回复

我也遇到了同样的问题，但是是由于之前把HBuilder里面的包卸载了重装导致的，所以就把HBuilder删除了，重新下载了一个，问题就解决了，如果有遇到同样问题的，可以试试

更多关于uni-app picker组件mode=date在chrome手机模式下报错Error in render: "TypeError: Object(...) is not a function"的实战教程也可以访问 https://www.itying.com/category-93-b0.html


重新下载了最新的HbuilderX也是报错

这个问题已经解决，更新项目依赖就可以了。使用npx @dcloudio/uvm搞定

正确的

官方示列可以 可以检查下你代码，跟官方的有什么不一样

我页面上放了两个picker 发生同样的错误 TypeError: Object(…) is not a function

遇到同样的问题，有无解决

这个错误通常是由于Chrome开发者工具的移动设备模拟模式与uni-app的picker组件兼容性问题导致的。具体原因和解决方案如下：

问题原因：

  1. Chrome移动模拟模式下，某些浏览器API的行为与真实设备不一致
  2. picker组件在H5平台依赖原生的input type=“date”，在模拟环境下可能触发兼容性问题
  3. uni-app的编译时polyfill在模拟环境下可能未正确加载

解决方案：

  1. 使用条件编译（推荐）
// #ifdef H5
// 在H5平台使用替代方案
// #endif
回到顶部