记录开发过程遇到各种问题

小萍姓郑

已于 2024-05-08 14:37:04 修改

阅读量166

点赞数

文章标签： uniapp 小程序 css

于 2023-09-12 18:00:08 首次发布

本文链接：https://blog.csdn.net/weixin_44553054/article/details/132837743

版权

1、u-datetime-picker被scroll-view覆盖了。

改用view 设置style：overflow-y:auto;就可以了。。。。

此bug只针对苹果手机,该问题在安卓上正常显示。

2、关于uniapp设置ios页面关闭bounce（回弹效果）

pages的页面设置style：

"disableScroll": true

3、uniapp上设置了page，body{background:#fff}页面背景颜色无效

是因为style标签上加了scoped，当你去除后，你就会发现scope就能设置背景颜色了。。。。。

4、css高度计算不生效问题用100%不可以。换成100vh就没问题了。我也不懂为什么？？？

height: calc(100vh - 720rpx)

5、uniapp 真机运行的时候才会报错，H5不会报错，只是因为u-datetime-picker设置的minDate最小时间的格式不正确

new Date('2016-1-1').getTime() 改为 new Date('2016-01-01').getTime()就可以了~

报错信息：

[Vue warn]: Error in callback for watcher "show": "RangeError: Array size is not a small enough positive integer."[ERROR] : [Vue warn]: Error in callback for watcher "show": "RangeError: Array size is not a small enough positive integer."--->

6、微信小程序请求接口报错invalid appid hint: [EGFe9_I2e-3AsVia] rid: 650000c5-5730bd99-012fe03d

遇到小程序要变更新的appid。配置文件的appid都改了。报这个错是因为忘记更改开发工具上面的appid了！！！

7、uniapp app端使用html2canvas生成图片并保存到手机相册遇到的各种问题。

uniapp APP端不能用原生js对dom进行操作。。。let dom = document.querySelector('#poster')；获取到dom是undefined。。。可用官方推出了renderjs来解决问题参考连接uniapp app端生成图片并保存到手机相册_uniapp 保存图片到手机_continue_fight的博客-CSDN博客

uniapp 使用html2canvas 真机运行APP时报错 SecurityError: The operation is insecure。。网上找了很多资料，都没有解决我的问题，有人说是图片资源跨域的问题，但是我的图片都是项目里面的静态资源，反正注释掉关于图片的代码就可以成功生成图片。所以问题是因为静态资源图片。

解决方案：我把所有页面样式需要用到的图片文件丢到阿里云oss服务器上了。并且设置公共只读和可以跨域访问，这下终于可以把html的内容生成图片了！

8、calc 函数中使用了scss变量，要这样写#{变量}才能生效。

例如：calc(#{$tabBarHeight} + env(safe-area-inset-bottom))

9、关于uniapp微信分享朋友圈或者好友：‘ 分享到"微信"失败: -100 - [Share微信分享:-6] ’ 的最终解决方案

微信开放平台上申请的安卓应用签名和安装包的签名对不上，检查是否配置错误。参考链接：

记录uni-app的APP端分享到微信好友，链接为小程序页面，分享失败的BUG - DCloud问答

10、小程序上传头像报错：uploadFile: fail url not in domain list errorno:600002

解决办法要去微信公众平台上的开发配置里设置uploadFile的域名。

11、uniapp支付小程序的tabar的页面的导航栏的字体和背景色设置，要两个属性一起设置，不然会发现不生效

"navigationBarTextStyle": "white",

"navigationBarBackgroundColor": "#D22B1E",

12、uniapp的picker组件（日期选择）默认值一定要是0，不然支付宝小程序点击该组件就会没反应！！！

<picker style="flex: 1;" mode="date" :value="userInfo.birthday"
                       :start="startDate" :end="endDate" @change="bindDateChange">
                       <view :class="{'uni-input': true, 'black-font': !!userInfo.birthday}">{{userInfo.birthday || '请选择生日'}}</view>
                   </picker>