微信小程序上传时报错message:Error: 系统错误,错误码:80051,source size 2148KB exceed max limit 2MB

问题:
微信小程序上传时错误码:80051,source size 2248KB exceed max limit 2MB

问题原因:
在这里插入图片描述
由于代码中的静态资源 图片大小超了200k以及主包的体积超出1.5M

解决办法

  1. 分包

    • tabBar 是主包的,不需要分包处理,以下是分包示例
      项目目录如下
      在这里插入图片描述
      首先将login,register、和webview进行分包,通过引入路由的方式进行分包处理
      router 代码如下
      在这里插入图片描述

      //router/index.ts
      const webview = require("./webview");
      const register = require("./register");
      const login = require("./login");
      
      
      module.exports = [
          webview,
          register,
          login
      ];
      
      //router/login.ts示例
      module.exports = {
          root: 'pages/login',
          pages: ['index'],
      };
      
      // app.config.ts
      import routes from "@/routes";
      export default defineAppConfig({
        pages: [
          "pages/index/index",
          "pages/me/index",
        ],
      
        subpackages: routes,
      });
      
  2. 图片或者视频压缩(本地压缩或者上传CDN上)

    • https://tinify.cn/ 可在这个网站进行压缩。保存到项目中使用
    • 使用微信开发者云服务–存储(首月免费) 可以将静态资源文件上传,在项目中可以引用地址使用
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
THE END
分享
二维码
< <上一篇
下一篇>>