小程序分包页面打不开（mpvue）

最新推荐文章于 2023-11-04 13:50:57 发布
最新推荐文章于 2023-11-04 13:50:57 发布
阅读量1.2k 收藏
点赞数
分类专栏： 小程序 文章标签： 小程序 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/jingjingshizhu/article/details/106384415
版权
  1. 当在真机上打开小程序，发现分包的页面打开一片空白。在开发工具上就不会

    经过排查发现问题出现在common/vendor.js文件过大

     

    然后把common/vendor.js文件拆分后，少于500kb后再次真机查看便不会出现页面空白的问题了

    拆分的具体代码请参考这里

  2. 还有一种情况打开分包是一直在加载，迟迟不进去。一般会是包的问题，需要把dist包删掉，重新打一遍

 

 

祗想安靜地。
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
微信小程序怎么打开分包页面 || 分包页面打开方式
qq_42877655的博客
07-26 2434
问题： 我在subpackages里面写了pages/details/details，编辑器可以打开但是真机调试打不开 "subpackages": [ { "root": "subpackagesA", "pages": [ "pages/details/details" ] } ], 解决方式： 在与subpackages同级的pages同样写上一样的页面路径，放心不会报错，且可以解决你的问题 "pages": [
微信小程序分包加载实战
03-29
微信小程序采用的是类似离线包加载方案，以 转转 小程序为例，当用户第一次打开时会先下载好所有代码，然后再加载页面；当用户再次进入转转小程序时，会直接使用已下载的代码，省去了代码下载的过程，打开速度更快...
mpvue开发小程序分包问题?
sinat_36861370的博客
01-19 155
**关于mpvue小程序分包问题** 在app.json中 “subPackages”:[{ “root”: “pages/pIM”, // root最后的路径切记不要添加/ “pages”: [ “pages/home/main” ] }],
开发小程序关于分包导致二级页面的内容不显示问题
最新发布
weixin_47097512的博客
11-04 313
react+taro开发小程序主包做分包，微信开发者工具首页跳转二级页面，二级页面显示白屏，不显示内容问题，但是打包上线就页面跳转没问题，正常显示。解决方案：微信开发者工具版本过高导致不稳定原来3.1.6版本，卸载后装3.1.2就正常显示。希望能给遇到这个情况的有点帮助
探究微信小程序分包打开失败率技术方案
开源世界
04-25 660
分包打开失败率的现象 用户点击元素进入分包后，如果分包下载失败，页面标题会正常显示，内容区会联系小程序的Logo和网络无法连接。底部有个重新加载按钮。 模拟分包打开失败的场景 step1: 手机配置好代理，能通过 charles(mac环境) 拦截手机的网络请求 step2: 重置环境，删除手机里的微信小程序的各个版本(开发版、体验版、线上版) step3: 通过微信小程序助手，打开开发版(或者体验版)的小程序，开启调试模式 step4: 再次访问小程序，charles 能看到手机的 http 请求 st
小程序分包
祥哥的说
12-23 923
1、问题背景–为什么要进行分包？ 新需求开发时，发现在开发者工具中编译预览时，提示超过了最大主包限制2MB。 微信小程序： 整个小程序所有分包大小不超过 20M 单个分包/主包大小不能超过 2M 支付宝、百度小程序： 整个小程序所有分包大小不超过 8MB。 单个分包或主包大小不能超过 2MB。 2、问题处理–进行拆包 主包：即放置默认启动页面/TabBar 页面，以及一些所有分包都需用到公共资源/JS 脚本； 分包：则是根据开发者的配置进行划分。 （1）在app.json中通过subpackages
mpvue分包加载
qq_33871182的博客
10-25 317
目前小程序分包大小有以下限制： 整个小程序所有分包大小不超过 8M 单个分包/主包大小不能超过 2M mpvue分包代码结构 几个注意的点 首先要把子包的目录建在src/pages/ 下，而不是官方的平级。 子包目录下还需要建一个pages/ 的目录，然后下面才是你的页面目录。 app.json中的配置如上图所示就可以了 到这里， 重启npm run dev 应该就能跑起你的项目了 示例 { "...
小程序如何使用分包加载的实现方法
10-16
主包是小程序启动时默认加载的部分，包含默认启动页面、TabBar 页面以及所有分包共用的公共资源和JS脚本。分包则可以根据业务需求，将不常用或大体积的页面单独打包。在用户访问分包内的页面时，客户端会先加载主包...
微信小程序分包加载代码实现方法详解
10-16
主要介绍了微信小程序分包加载代码实现方法详解,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
微信小程序中的分包的功能
02-08
- 主包：默认包含小程序的所有页面，大小不超过2MB。 - 子包：每个子包可包含若干页面，最多5个子包，每个子包大小上限为2MB（包括资源文件）。 - 预加载：微信小程序支持预加载策略，可以预先下载部分子包，以便...
微信小程序 支付宝小程序 分包加载
08-29
微信小程序 支付宝小程序 分包加载
小程序分包 小程序页面空白 小程序上线后分包页面空白
glorious_future的博客
03-23 1749
前些天小程序提交审核之后发布了，但是一看好多页面都是点进去之后空白，很迷惑，体验版测试的都是好好的，怎么就发布了就空白页了呢？迷惑至极 经过一番测试发现了是分包的页面都是空白，这样就更方便排查了 但是有关于小程序上线后分包页面空白页面的解决方法并不是很多，是因为这个问题不常见吗？ 后来问了很多大佬，猜测着可能是主包太大了 然后我就删了一大堆没用的文件，缩减了一下主包的体积 就好了！！！！！(我一开始提交审核之后没发布，所以一直看的都是老版本，我以为一直没好呢，真是难搞) 说来也奇怪，主包2452.7kb
微信Web工具可以打开网页，用微信客户端就打不开了
gongleigreat的专栏
07-01 7677
当微信开发中遇到用微信web工具可以打开网页，但是用微信客户端就打不开的时候，可以清空微信客户端的浏览器缓存，然后再测试，应该就可以打开了。微信浏览器缓存清理方法：1、随便打开一个聊天窗口，输入debugx5.qq.com 并发送。2、点击自己发送的地址，打开debug 调试页面。3、拉到调试页面的最底端，勾选上所有的缓存项目，点击清除。4、点击确定之后即可完成清除微信浏览器缓存的操作...
关于uniapp中分包后无法加载分包中的图片、图片报错500、图片分包以及分包优化的问题
daoxiaofei的博客
12-13 8718
uniapp项目中，有时候可能会有很多的静态资源图片，这可能会造成主包的体积过大、影响首页加载效率、超出2M限制等问题，而又不想将图片上传到服务器，这时候可以采用uniapp提供的分包加载机制,本文对如何使用分包加载不做过多介绍，只对 分包后 的图片加载异常做详细解说。 图片加载不出来的原因？ 在正式解决问题之前，我们先来了解一下出现问题的原因，如下图，我在pagesA分包内创建了一个static文件夹，里边放置了一些静态资源，如图片、图标等 再来看看项目编译至微信平台时的项目结构 由上图可以看到，打包
小程序webView页面转发后，进入页面空白
codingLeader的博客
12-05 3530
小程序webView页面，在点击右上角按钮分享后，进入分享的链接页面空白重新进入页面后，页面空白。 二、排查当前页面分享时没有对页面的分享链接做处理 需要通过小程序提供的onShareAppMessage方法，重新组装分享所需要的对象，包括分享的标题（title）、分享页面地址(path)、分享图片(imageUrl)等。组装完毕，重新赋值。 三、排查小
网站浏览器可以打开，在微信中打不开，排查问题的过程
keyboard专栏
12-29 9759
今天收到遇到一个诡异的问题：网站浏览器可以打开，在微信中打不开，耗费了很长时间才将问题排查出来，现在将排查的步骤记录下来，仅供参考： 在手机微信里输入访问地址：显示无法 打开网页。如图所示 1、怀疑dns解析没有成功：使用ping命令检查，发现dns解析已经解析成功。 2、怀疑nginx负载均衡有问题：==》推翻理由：浏览器可以正常访问。 3、怀疑代码有问题，微信做了跳转，有可能什么机制触发到微信的内置浏览器的bug了，检查代码，发现“微信开发者工具”也可以做正常的跳转。 4、还是怀疑DNS解析有问题
2021年微信页面在Android系统中点击a标签无效解决方法
码蝗的博客
03-08 569
今天在开发听书宝个人微端时，发现底的三个a标签在电脑上相互点击切换是OK的，布署到线上后，用微信打开点击切换就出问题了，有一个按钮点击始终无法跳转，用JS控制也不行． 经过测试对比，这种情况在IOS系统中是正常的，只在安卓机上才会发生，而且在安卓上其它浏览器中打开也是正常的，只有在微信内置的浏览器中才会发生．经过一翻折腾与百度，一个方法还蛮管用的，就是在原本跳转的链接上带上任意参数，如下所示： 上图中跳转链接后面添加的"?go=true"即为带上的任意参数，就样在安卓机上微信里打开跳转就正常了． .
在微信小程序中打开的页面不能超过10个，达到10个页面后，就不能再打开新的页面
大雾起了清晨
12-30 2466
微信小程序路由跳转有个隐藏的坑，就是wx.navigateTo打开新页面，最多只能打开10个，超过10个之后就没反应，控制台也不会报错。
部分iphone、安卓手机打开微信小程序不请求、白页问题
爪哇盘古
01-17 4200
微信小程序开发版、体验版上传后是不会自动ES6转ES5，这也就导致部分机型的系统【不更新】不支持ES6语法而且开调试还不报错！会不会是代码采用了大量的ES6+呢？快看看自己的科技代码！可能你用的是开发者工具真机调试2.0！检查接口ssl证书是否支持ATS！你会神奇的发现不好使机型好使了！没有新特性的话切回1.0吧！不支持的话就换个证书吧！
微信小程序 分包静态资源 不能引用
07-28
微信小程序分包静态资源不能引用的问题可能有几个原因。首先，确保你的静态资源文件大小不超过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、付费专栏及课程。

余额充值