微信小程序---分包加载(subpackages)及报错

时间:2023-03-09 04:11:05
微信小程序---分包加载(subpackages)及报错

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

分包很简单,具体步骤如下:

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

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

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

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

微信小程序---分包加载(subpackages)及报错

{
"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"
]
}
]
}