解决:微信小程序预览时代码包太大

这篇具有很好参考价值的文章主要介绍了解决:微信小程序预览时代码包太大。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

一、背景

开发微信小程序时在进行手机预览时,报错显示:代码包大小超过限制,如下图👇

微信小程序代码包超过2m,微信小程序,小程序

二、问题

根据错误提示,子包的源代码大小为2094KB,超过了2MB的最大限制。

三、解决

在本地设置中将体积上线调整为4M👇

微信小程序代码包超过2m,微信小程序,小程序

四、新问题

虽然我已经将分包体积上限调整为4M了,但是我的包体积也超过了4M

微信小程序代码包超过2m,微信小程序,小程序

五、解决新问题

HBuilderX里面选择manifest.json文件,在微信小程序配置中勾选【上传代码时自动压缩】,可以减小包的体积

微信小程序代码包超过2m,微信小程序,小程序

最后,再重新预览时是可以正常扫码的~~

六、新bug记录 ----【上传时大小超过限制】

6.1、问题描述:

因之前的电脑太卡,就换了个主机,HBuilderX是下载的最新版本,微信开发者工具用的是新换的主机上就有的,我编译和真机调试都是正常的,代码做了分包,也有压缩;但是发布上线审核,一直显示包体积过大,超过2MB;但是同样的代码,在同事电脑上是可以正常发布的,我这里就是不行,百度看了下可能是HBuilderX或者微信开发者工具版本的问题

6.2、解决:

6.2.1、解决hbuildx版本的问题

新下载的HBuilderX版本是:HBuilderX.3.96,还原到之前的版本:HBuilderX.3.8.12。发现编译还是不太行,这里需要注意的是HBuilderX在运行时记得勾选压缩代码选项👇

微信小程序代码包超过2m,微信小程序,小程序

6.2.2、解决微信开发者工具版本的问题

既然更换了HBuilderX版本没效果,再去看是不是微信开发者工具版本问题导致的~~

现在的微信开发者工具版本是:v1.06.2308310,同事的微信开发者工具版本是:v1.06.2303220;怀疑是不是版本不同导致的问题,或者是不是我这个版本号太高了的原因,但是在微信开发者工具上也没找到回退版本的入口。

我就重新下载了微信开发者工具,重新下载的版本是:v1.06.2301160,再上传发布就正常了

微信小程序代码包超过2m,微信小程序,小程序

最后,👏👏 😀😀😀 👍👍文章来源地址https://www.toymoban.com/news/detail-754164.html

到了这里,关于解决:微信小程序预览时代码包太大的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • (保姆级解决方案)微信小程序【真机预览】无法向服务器发送请求(实测有效)

    问题描述:微信小程序“打开调试模式可以发出请求,关闭调试模式无法发出请求” 1 获取uni-cloud官网提供的request合法域名  这个获取request合法域名是针对使用uni-cloud云开发的小程序。如果使用其它合法域名,同样可以按照下面的方法解决问题。  uni-app官网  2 在微信小程

    2024年02月05日
    浏览(63)
  • 解决基于uniapp的微信小程序,在iOS端无法预览文件,提示文件已损坏问题

    微信小程序iOS端预览文件,显示无法预览此文件,文件已损坏。但是在Android端,小程序可以预览文件。 后端接口返回的是二进制文件流数据,首先调用uni.downloadFile()下载文件流数据,再调用uni.openDocument()预览文件。代码如下。 微信小程序 android端可以成功预览文件 此时,

    2024年02月05日
    浏览(92)
  • zip压缩包太大无法用unzip成功解压(保姆级)

    使用unzip命令解压zip时,出现报错: (please check that you have transferred or created the zipfile in the appropriate BINARY mode and that you have compiled UnZip properly) 是因为压缩包太大了,unzip命令解压不了,选择使用7za命令进行解压,如果没有7za命令,则按照如下方式进行安装。 1.首先进入网址 h

    2023年04月13日
    浏览(48)
  • 【taro react】---- 解决开发环境微信小程序由于主包体积过大不能预览问题

    1. 开发环境代码包大小 注意:可以看到此时主包加分包将近 5MB,上传预览将会超出限制!!! 2. 预览结果 报错:代码包大小超过限制,主包资源近3MB,限制最大2MB!!! 3. 解决办法 使用webpack的压缩插件,在开发环境编译的时候进行压缩; 进行分包处理,同时依赖也进行

    2024年02月10日
    浏览(51)
  • 解决使用uniapp开发微信小程序时主包太大和vendor.js过大无法打包的问题

    在uniapp开发小程序这一块,相信很多开发者都遇到过代码体积太大无法打包的问题,还有vendor.js过大无法打包。这时候就要优化小程序包大小。下面分享一下我在实际项目中使用的方法,并解决了相应的问题,这里是我的解决思路。小伙伴们也可以根据自身情况,参考一下。

    2024年02月11日
    浏览(89)
  • 四个方法解决uniapp开发微信小程序时主包太大和vendor.js过大无法打包的问题

    在uniapp开发小程序这一块,相信很多开发者都遇到过代码体积太大无法打包的问题,还有vendor.js过大无法打包。这时候就要优化小程序包大小。下面分享一下我在实际项目中使用的方法,并解决了相应的问题,这里是我的解决思路。小伙伴们也可以根据自身情况,参考一下。

    2024年01月24日
    浏览(84)
  • 微信小程序pdf预览

    2024年02月10日
    浏览(49)
  • 微信小程序-图片预览图

    有时候图片列表图片过小看不清图片内容,这时我们一般就希望点击图片可以放大显示进行预览,那么,接下来我们就调用微信原生API的的浏览图片程序进行对图片预览的实现。 通过微信原生API实现单张图片的浏览 wxml代码 添加对应js的点击事件,调用预览图片的API,实现图

    2024年02月08日
    浏览(70)
  • 微信小程序(二)微信小程序选择本地图片显示并预览(实现左右滑动)

    在微信小程序里面实现选择图片然后预览是一个非常普遍的功能,在我们上传图片文件的时候,都会选择本地的图片进行上传,在上传之前会查看一下自己上传的图片是否准确。所以要做到预览图片。 下面就实现一个简单的本地图片显示预览的功能~~ 1、创建页面 这里我直接

    2024年02月03日
    浏览(76)
  • uniapp —— 微信小程序预览文件

    1.问题:但是内置方法一般使用的是url预览,如果接口返回的是文件流,前端如何处理 uni.downloadFile uni.openDocument 2.解决:后端接口路径拼接,如果使用的是PC端下载文件的接口,但接口返回的是文件流,可以将地址进行拼接,放到uni.downloadFile中的url中 3.tip:网上的其他办法,

    2024年02月12日
    浏览(72)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包