uniapp微信小程序分包,小程序分包

前言,都知道我是一个后端开发、所以今天来写一下uniapp。

起因是美工给我的切图太大,微信小程序不让了,在网上找了一大堆分包的文章,我心思我照着写的啊,怎么就一直报错呢?
错误原因 tabBar的页面被我放在分包了(咋就没人告诉一下呢?)

tabBar的页面要放在主包中!tabBar的页面要放在主包中!tabBar的页面要放在主包中!(重要的事情说3遍)

pages.json

java 复制代码
{
	"easycom": {
		"autoscan": true,
		"^u-(.*)": "@/vk-uview-ui/components/u-$1/u-$1.vue"
	},
	"pages": [ //pages数组中第一项表示应用启动页,参考:https://uniapp.dcloud.io/collocation/pages
		{
			"path": "pages/index/index",
			"style": {
				"navigationBarTitleText": "首页",
				"enablePullDownRefresh": true, //是否启用刷新
				"app-plus": {
					"titleNView": false
				}
			}
		},
		{
			"path": "pages/login/index",
			"style": {
				"navigationBarTitleText": "登录"
			}
		},
		{
			"path": "pages/mine/work",
			"style": {
				"navigationBarTitleText": "订单"
			}
		},
		{
			"path": "pages/mine/index",
			"style": {
				"navigationBarTitleText": "我的"
			}
		},
		{
			"path": "pages/cpzx/index",
			"style": {
				"navigationBarTitleText": "商城",
				"enablePullDownRefresh": true //是否启用刷新
			}
		}
	],
	/**主资源过大 分包处理*/
	"subPackages": [{
		"root": "pagesA",
		"pages": [{
				"path": "test/test",
				"style": {
					"navigationBarTitleText": "test"
				}
			},
			{
				"path": "fwpj/index",
				"style": {
					"navigationBarTitleText": "服务评价"
				}
			},
			{
				"path": "ywzx/index",
				"style": {
					"navigationBarTitleText": "在线客服"
				}
			},
			{
				"path": "pay/index",
				"style": {
					"navigationBarTitleText": "缴费"
				}
			},
			{
				"path": "mine/about",
				"style": {
					"navigationBarTitleText": "关于我们"
				}
			},
			{
				"path": "webview/index",
				"style": {
					"navigationBarTitleText": ""
				}
			},
			{
				"path": "detil/index",
				"style": {
					"navigationBarTitleText": ""
				}
			}
		]
	}],
	"globalStyle": {
		"navigationBarTextStyle": "black",
		"navigationBarTitleText": "uni-app",
		"navigationBarBackgroundColor": "#fff",
		"backgroundColor": "#fff",
		"mp-alipay": {
			"allowsBounceVertical": "NO"
		}
	},
	"tabBar": {
		"color": "#a2a6b0",
		"selectedColor": "#070002",
		"borderStyle": "black",
		"backgroundColor": "#FFFFFF",
		"list": [{
				"pagePath": "pages/index/index",
				"iconPath": "static/images/tabbar/nav-1-1.png",
				"selectedIconPath": "static/images/tabbar/nav-1.png",
				"text": "首页"
			},
			{
				"pagePath": "pages/cpzx/index",
				"iconPath": "static/images/tabbar/nav-2-1.png",
				"selectedIconPath": "static/images/tabbar/nav-2.png",
				"text": "商城"
			},
			{
				"pagePath": "pages/mine/work",
				"iconPath": "static/images/tabbar/nav-3-1.png",
				"selectedIconPath": "static/images/tabbar/nav-3.png",
				"text": "订单"
			},
			{
				"pagePath": "pages/mine/index",
				"iconPath": "static/images/tabbar/nav-4-1.png",
				"selectedIconPath": "static/images/tabbar/nav-4.png",
				"text": "我的"
			}
		]
	}
}

目录结构

相关推荐
CHU72903544 分钟前
淘宝扭蛋机抽盒小程序前端功能解析:解锁趣味抽盒新体验
前端·小程序
2501_933907212 小时前
深圳本凡科技专业企业APP开发,助力手机应用创新优化
科技·微信小程序·小程序
每天都要加油呀!4 小时前
TypeError: uni.requestPayment is not a function
小程序
java1234_小锋4 小时前
分享一套优质的微信小程序校园志愿者系统(SpringBoot后端+Vue3管理端)
微信小程序·小程序·校园志愿者
2501_916008896 小时前
深入解析iOS机审4.3原理与混淆实战方法
android·java·开发语言·ios·小程序·uni-app·iphone
打破砂锅问到底0076 小时前
AI 驱动开发实战:10分钟从零构建「微信群相册」小程序
人工智能·微信·小程序·ai编程
CHU7290356 小时前
扭蛋机盲盒小程序前端功能设计解析:打造趣味与惊喜并存的消费体验
前端·小程序
QT.qtqtqtqtqt7 小时前
uni-app小程序前端开发笔记(更新中)
前端·笔记·小程序·uni-app
CHU7290359 小时前
直播商城APP前端功能全景解析:打造沉浸式互动购物新体验
java·前端·小程序
喵喵虫17 小时前
uniapp修改封装组件失败 styleIsolation
uni-app