详解uniapp 微信小程序分包

先上官网说明uni-app官网

实操:主要分为以下3步

一、需要加入下面这段代码

  "optimization" : {
        "subPackages" : true
    },

代码具体位置

以上操作,是启用分包

二、接下来就要创建分包模块:官网实例分包结构如下

按照官网结构创建如下

 三、需要在 pages.json 中填写:官网示例

按照官网创建页面并填写

 上面三步按照官网配置完成,下面启动项目看看效果,在主包的首页,加入分包的跳转

 报错啦

这个静态文件是主包中的,分包找不到,拿掉

再运行看看

进入了我写的product页面了

这里发现个问题,项目用了定位的功能,发现定位写在mainifest.json中

还有pages.json中,定位并没有生效哈

官方是如下解释的:可以看出来时间是2022年4月25日更新的(我的这文章写在2022年5月7号),说明官方也跟进这个问题

上面这个无法定位的问题,我按照官方的操作后,还是不能定位的,是在本地模拟器验证的,可能跟我这里网络不好的原因

我打包上传了小程序,是可以定位的

这个分包的功能,是可以的

这里还有个问题,网友如果看到,可以给我留言,这里是微信小程序开发工具的具体截图,第一次打包发布没有成功,我重新关闭小程序开发工具,再次编译发布,他就可以了,这里是主包尺寸为什么不能大于1.5M,不是2M吗?

 

 

  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
微信小程序分包静态资源不能引用的问题可能有几个原因。首先,确保你的静态资源文件大小不超过200KB,因为小程序对静态资源的大小有限制。其次,检查你的静态资源文件格式是否符合要求,例如tarbar的图标icon只能是png、jpg等格式。如果以上两个条件都满足,但仍然无法引用分包静态资源,可以尝试以下解决方法: 1. 使用网络图片:将静态资源放到服务器上,通过网络链接引用图片,这样可以避免占用项目资源。但需要注意,网络图片的大小也要符合小程序的限制。 2. 检查内存占用:如果静态资源文件大小已经符合要求,但仍然无法引用,可能是因为内存占用过大。这可能是由于内置了其他的UI库或其他原因导致的。可以尝试减少内存占用,例如优化代码、减少不必要的依赖等。 最后,你可以通过微信开发者工具中的代码质量扫描来检查是否成功分包。在开发者工具中选择代码质量,让它扫描一下,然后点击查看,就可以看到整个项目的文件。在右边的分包选项中查看是否存在分包文件。如果以上方法仍然无法解决问题,建议参考官方文档或向官方技术支持寻求帮助。 #### 引用[.reference_title] - *1* [微信小程序---分包](https://blog.csdn.net/liuye066/article/details/127750450)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insert_down1,239^v3^insert_chatgpt"}} ] [.reference_item] - *2* *3* [uniapp-微信小程序 分包--详解](https://blog.csdn.net/weixin_46666816/article/details/127731107)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insert_down1,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值