首页 > 资讯 > 微信小程序 > 正文

微信小程序之分包加载（SUBPACKAGES）及报错

19-02-12 来源：[db:作者]

收藏我要投稿

某些情况下，开发者需要将小程序划分成不同的子包，在构建时打包成不同的分包，用户在使用时按需进行加载。

分包很简单，具体步骤如下：

在app.json中，创建subPackages，root表示分包A的根目录（eg.跟pages同级目录），pages中的页面就是分包A的子目录。

注意：这里有一点要注意，经常出现这个问题“pages *** 不应该在分包 subPackages[*] 中”

我们如果通过编辑器右键添加page的话，主包中会自动加入page路径，此时我们再去创建新的分包如果没有去掉主包路径就会报错。

解决方案就是去掉主包中的路径就可以了

{
  "pages": [
    "pages/success/success",
    "pages/fail/fail"
  ],
  "window": {
    "backgroundTextStyle": "light",
    "navigationBarBackgroundColor": "#f37938",
    "navigationBarTitleText": "WeChat",
    "navigationBarTextStyle": "white"
  },
  "tabBar": {
    "color": "#999999",
    "selectedColor": "#f37938",
    "borderStyle": "black",
    "backgroundColor": "#ffffff",
    "font-size": "50rpx",
    "list": [
      {
        "pagePath": "tabbar/xxx/xxx",
        "iconPath": "../../images/icon_home.png",
        "selectedIconPath": "../../images/icon_home2.png",
        "text": "首页"
      },
      {
        "pagePath": "tabbar/xxx/xxx",
        "iconPath": "../../images/icon_mine.png",
        "selectedIconPath": "../../images/icon_mine2.png",
        "text": "我的"
      }
    ]
  },
  "subPackages": [
    {
      "root": "A/",
      "pages": [
        "index/index",
        "form/form"
      ]
    },
    {
      "root": "B/",
      "pages": [
        "index/index",
        "form/form"
      ]
    }
  ]
}

点击复制链接与好友分享!回本站首页