博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
微信小程序---分包加载(subpackages)及报错
阅读量:6981 次
发布时间:2019-06-27

本文共 1316 字,大约阅读时间需要 4 分钟。

 

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

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

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

 

转载于:https://www.cnblogs.com/Super-scarlett/p/10337023.html

你可能感兴趣的文章
React手稿之 React-Saga
查看>>
Java基础【七】 - List集合汇总
查看>>
比原链Bytom错误码一览
查看>>
Python第一天:你必须要知道的Python擅长领域以及各种重点学习框架(包含Python在世界上的应用)...
查看>>
sdedit使用方法介绍(混沌向)
查看>>
Nginx深入了解-进阶(二)
查看>>
脚本模式创建测试用例 - Katalon Studio
查看>>
C++ 函数参数的扩展
查看>>
SpringCloud核心教程 | 第二篇: 使用Intellij中的maven来快速构建Spring Cloud工程
查看>>
opencv python 模板匹配
查看>>
小程序canvas文本换行生成图片
查看>>
TP5.1.18+swoole实现聊天室
查看>>
【前端数据结构基础】集合
查看>>
响应式布局设计
查看>>
node中 模块导入和导出的探究
查看>>
spring mvc如何计算BEST_MATCHING_PATTERN_ATTRIBUTE
查看>>
jQuery源码 - extend 继承&拷贝 解析
查看>>
[译] ConstraintLayout深入系列之代替常见布局
查看>>
js 5种迭代,遍历方法方法 高程5.2.8
查看>>
Decorator Pattern With Laravel 装饰者模式
查看>>