uniapp开发小程序-分包（微信错误码：800051）

已于 2023-08-10 15:04:47 修改
阅读量2.7k 收藏 4
点赞数
分类专栏： uniapp 文章标签： uni-app 小程序 微信
于 2023-08-10 14:56:48 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_48596030/article/details/132208153
版权

在使用uniapp开发小程序时，上传的时候因为文件过大，显示上传失败。

以下是开发过程中遇到的问题及解决方法：

1. 问题一：因为文件过大，显示上传失败

在这里插入图片描述
①尝试过把本地使用的图片压缩到最小；
②把图片转换为网络的，在小程序里只是引用；
③删除无用的代码；
发现这都不是成熟的方法，不能更大程度上的解决问题。所以想到了分包。

解决方法：分包

以下是使用UniApp分包功能的步骤：

1.假设支持分包的目录结构如下：

┌─pages               
│  ├─index
│  │  └─index.vue    
│  └─login
│     └─login.vue    
├─pagesA   
│  ├─s
了解本专栏 订阅专栏 解锁全文 超级会员免费看
uniapp - 项目运行/打包编译/分包报错 TypeError: Cannot read property call of undefined，uni-app控制台出现一堆这种报错（详细解决方法）
高级前端工程师
05-20 6967
uni-app，TypeError: Cannot read property call of undefined，报错，安卓app，苹果app，微信小程序，移动端，H5网页，手机网站，微信小程序、支付宝小程序，手机app端，nvue，微信小程序分包报错，uniApp小程序平台分包失败怎么办，uniapp运行编译报错解决方案，UniApp移动端网页控制台报错，详细解决办法，清缓存重新编译，热重载，开启压缩代码还是不行怎么办，刷新或者重启一下又好了，过一会又开始报错，vue，分包，小程序分包，支付宝小程序分包
uniapp开发微信小程序分包问题
故里2130
03-30 706
当我们开发完成小程序后，上传时，出现上传失败，此时就需要我们进行分包处理。5.1这里我配置的就是pages的，里面1个首页，2个tabBar页。此时，这里就出现了主包和分包，就已经表示分包完成了。除过第一个pages，后面4个都是要进行分包的。pages里面，必须放首页和tabBar的页面。5.2剩下的4个分包，都按照这个格式进行配置。可以看到都是主包，表示没有进行分包处理。后面的4个都是分包，分别当做一个整体包。参考第一个，就可以配置其他页面了。我们可以点击本地代码，进行查看。
Uniapp分包处理,一次性教会你解决错误码：80051
最新发布
stc_ljc的博客
03-03 1360
我们无论在使用uniapp开发小程序和微信原生开发在真机调试或发布上线时经常会遇到这个提示，在使用 Uniapp 开发小程序，甚至是进行微信原生开发时，大家想必都遇到过这样的困扰：在真机调试或者发布上线的过程中，频繁收到关于小程序主包体积的提示。这一问题严重影响了小程序的性能和用户体验，亟待解决。
[uni-app] 微信小程序 - 组件找不到/导入报错 (分包问题导致)
iOSTianNan的博客
07-24 6184
我们先来假设一个场景,如果小程序进行了分包操作, 其中有个公共组件需要被各个。尝试了清缓存\重启\删项目等一些列操作均无效。,本身是被分包处理了, 他是作为子包存在的(这个子包中, import同级别的子报。依赖使用, 那显然我们会将该组件放置在。由于项目刚接手,还未仔细观察分包结构,上面两个路径中, 都存在一模一样的。切换了个路径下的组件, 导入失败,, 就会出现导入报错失败的提示,这也说明了, import。组件的import的父组件。这里的问题就出在了分包,
微信小程序上传时报错message：Error: 系统错误，错误码：80051,source size 2148KB exceed max limit 2MB
楠姐的博客
01-29 8702
微信小程序上传时错误码：80051,source size 2248KB exceed max limit 2MB。首先将login，register、和webview进行分包，通过引入路由的方式进行分包处理。由于代码中的静态资源 图片大小超了200k以及主包的体积超出1.5M。tabBar 是主包的，不需要分包处理，以下是分包示例。图片或者视频压缩（本地压缩或者上传CDN上）router 代码如下。
uni-app开发微信小程序的报错[渲染层错误]排查及解决
热门推荐
在这里，我乐于倾囊相授，分享我的技术心得、项目实战经验、技术技巧。希望能够惠及更多的开发者，助力大家在技术的海洋中扬帆远航。
10-12 1万+
通常情况下，在小程序启动时，启动页面依赖的所有代码包（主包、分包、插件包、扩展库等）的所有 JS 代码会全部合并注入，包括其他未访问的页面以及未用到自定义组件，同时所有页面和自定义组件的 JS 代码会被立刻执行。在这个配置中，button 和 list 两个自定义组件是跨分包引用组件，其中 button 在渲染时会使用内置组件 view 作为替代，list 会使用当前分包内的自定义组件 simple-list 作为替代进行渲染；在这两个分包下载完成后，占位组件就会被替换为对应的跨分包组件。
uniapp图片分包报错
weixin_43303415的博客
01-04 348
uniapp图片分包报错
解决微信报错，错误码：80051
Yui_NIE的博客
04-16 1562
工具栏-->运行-->运行到小程序模拟器-->运行时是否压缩代码。
uni-app运行到小程序模拟器，微信开发者工具报错“ERR_CONNECTION_TIMED_OUT”
qq_53768302的博客
08-28 1354
uni-app运行到小程序模拟器，微信开发者工具报错“ERR_CONNECTION_TIMED_OUT”
uniapp微信小程序超过2M，错误码：80051，分包处理，超简单！！！
weixin_57237676的博客
11-29 1万+
错误提示：message：Error: 上传失败：网络请求错误 系统错误，错误码：80051,source size 2293KB exceed max limit 2MB。要是还是超过2M，可以把static下的图片进行处理，可以压缩或去掉没有用的，不过最好是从后端拿。pages 用于存放登录页面及tabBar的那几个页面。pagesA 用于存放其他页面。第一步：首先创建一个与pages同级的目录pagesA。注意：此时分包下的子页面的路径为相对路径。第三步：重载一下小程序，会发现已分包好了。
uni-app运行到H5正常，但运行到小程序不正常、报错总结
xqhys的博客
07-19 5384
uni-app运行到H5正常，但运行到小程序不正常、报错总结
关于uniapp中分包后无法加载分包中的图片、图片报错500、图片分包以及分包优化的问题
daoxiaofei的博客
12-13 1万+
uniapp项目中，有时候可能会有很多的静态资源图片，这可能会造成主包的体积过大、影响首页加载效率、超出2M限制等问题，而又不想将图片上传到服务器，这时候可以采用uniapp提供的分包加载机制,本文对如何使用分包加载不做过多介绍，只对 分包后 的图片加载异常做详细解说。 图片加载不出来的原因？ 在正式解决问题之前，我们先来了解一下出现问题的原因，如下图，我在pagesA分包内创建了一个static文件夹，里边放置了一些静态资源，如图片、图标等 再来看看项目编译至微信平台时的项目结构 由上图可以看到，打包
uniapp代码运行到微信小程序报unexpected character ` `
番茄Salad
03-16 1043
Uniapp格式化了代码之后，有些地方存在了换行，导致小程序报错。在H5页面无影响，但小程序规范较严格，所以跳页失败。将换行去掉后，页面跳转正常。
uniapp 转微信小程序遇到的坑
hmily43的博客
09-30 2999
uniapp转小程序
uniapp 开发微信小程序遇到的错误整理
weixin_42028153的博客
07-06 575
使用wx.navigateTo()或者<navigator>组件跳转的页面路径最多只有5层，这些页面路径是可以通过wx.navigateBack()API或者左上角返回按钮按顺序返回的。不过上述五层的限制只是针对 navigateTo，redirectTo 则无此限制。因为 redirectTo的行为是：关闭当前页面，跳转到应用内的某个页面。当页面路径大于5层时，使用wx.navigateTo()进行下一页吗跳转会抛出错误。
uniapp 运行项目到微信开发者工具报错
m0_74829310的博客
01-22 1431
Enable IDE Service (y/N) [27D[27C 14:42:27.051 [微信小程序开发者工具] - initialize 14:42:27.051 [微信小程序开发者工具] 14:42:27.054 [微信小程序开发者工具] × initialize 14:42:27.054 [微信小程序开发者工具] 14:42:27.056 [微信小程序开发者工具]此原因是因为你用uniapp启动的微信开发者工具 微信开发者工具的端口号未开启 我们开启一下微信开发者工具的端口号就可以了。
uniapp编译成微信小程序中遇到的兼容性问题
weixin_42424283的博客
05-15 1万+
uniapp编译成微信小程序中遇到的兼容性问题
uni-app运行微信开发工具小程序，出现× initialize报错
08-09 1332
解决方案。
uniapp分包
qq_45479398的博客
10-28 421
uniapp分包 最近写小程序发现上传报错，，提示包过大，无法编译通过。 分包能减小体积 分包 新建分包 pages.json pages.json manifest.json 静态资源（图片） 图片必须是放在static下面 分包的文件按照图片地址引入就OK， 分包后效果 这样每个包都没有超过2M,就可以上传了 ...
uniapp开发微信小程序分包
02-20
### UniApp 微信小程序分包教程 #### 一、理解分包概念 微信小程序分包是一种优化小程序项目结构和性能的方法。通过将小程序代码拆分为多个子包，可以在用户需要时动态加载这些子包，从而减少小程序的首次加载时间并控制主包体积[^3]。 #### 二、设置分包规则 在 `manifest.json` 文件中的 `mp-weixin` 配置项里定义分包逻辑： ```json { "mp-weixin": { "subpackages": [ { "root": "packageA", "name": "subpackageA", "pages": ["index", "otherPage"] }, { "root": "packageB", "name": "subpackageB", "independent": true, "pages": ["anotherIndex"] } ] } } ``` 上述配置表示有两个独立的分包 packageA 和 packageB 。其中 packageB 被标记为独立 (independent)，意味着它可以单独运行而不依赖于其他任何页面或资源[^5]。 #### 三、注意事项 - 主包加上所有分包的整体大小不得超过20MB； - 单独的主包（含公共资源）最大不超过2MB； - 对某些情况下，实际操作中发现主包建议保持在1.5MB以内以确保更好的兼容性和稳定性[^4]； #### 四、实现示例 假设有一个简单的电商应用，包含商品列表页(list)、详情页(detail)和其他功能模块，则可按如下方式创建分包结构: ```plaintext project/ ├── common/ # 公共组件库 │ └── ... ├── pages/ │ ├── index.vue # 启动首页 │ └── list.vue # 商品列表页 └── sub-packages/ ├── productDetail/# 商品详情分包 │ └── detail.vue └── otherFeature/ # 其他特性分包 └── feature.vue ``` 对应的 manifest.json 中应增加相应的分包描述： ```json "subPackages":[ {"root":"sub-packages/productDetail","pages":["detail"]}, {"root":"sub-packages/otherFeature","pages":["feature"]} ] ```
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值