小程序分包 小程序页面空白 小程序上线后分包页面空白

前些天小程序提交审核之后发布了，但是一看好多页面都是点进去之后空白，很迷惑，体验版测试的都是好好的，怎么就发布了就空白页了呢？迷惑至极

经过一番测试发现了是分包的页面都是空白，这样就更方便排查了

但是有关于小程序上线后分包页面空白页面的解决方法并不是很多，是因为这个问题不常见吗？

后来问了很多大佬，猜测着可能是主包太大了

然后我就删了一大堆没用的文件，缩减了一下主包的体积

就好了！！！！！(我一开始提交审核之后没发布，所以一直看的都是老版本，我以为一直没好呢，真是难搞)

说来也奇怪，主包2452.7kb咋能上传呢，还能发布成功？？？搞不懂

总结一下分包的整个流程吧

• 先在pages的同级建文件夹，假设就叫packageA和packageB

|——packagesA
    |——goodsInfo
        |——goodsInfo.js
        |——goodsInfo.json
        |——goodsInfo.wxml
        |——goodsInfo.wxss
|——packagesB
    |——orderPage
        |——orderPage.js
        |——orderPage.json
        |——orderPage.wxml
        |——orderPage.wxss
|——pages
    |——home
        |——home.js
        |——home.json
        |——home.wxml
        |——home.wxss
|——util
|——app.js
|——app.json
|——app.wxss

差不多就是这个样子的，分包可以建一个也可以建两个，但是所有的tabbar页面都要放在主包里面

• 建好了之后就可以在app.json文件里面声明一下分包路由,要跟pages同级

  "pages":[
    "pages/home/home"
  ],
  "subpackages": [
    {
      "root": "packageA",//分包文件名
      "pages": [
        "goodsInfo/goodsInfo"
      ]
      ...
    }
  ],

引用原则

• packageA 无法 require packageB JS 文件，但可以 require app、自己 package 内的 JS 文件
• packageA 无法 import packageB 的 template，但可以 require app、自己 package 内的 template
• packageA 无法使用 packageB 的资源，但可以使用 app、自己 package 内的资源

切记，一定要控制主包体积大小

不然你发布之后，分包里的页面都是空白页

分享完毕