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": "我的"
			}
		]
	}
}

目录结构

相关推荐
2501_915909061 小时前
不用越狱就看不到 iOS App 内部文件?使用 Keymob 查看和导出应用数据目录
android·ios·小程序·https·uni-app·iphone·webview
万物得其道者成1 小时前
uni-app Android 离线打包:多环境(prod/dev)配置
android·opencv·uni-app
学习3人组2 小时前
Uniapp快速上手了解
uni-app
CHU7290353 小时前
扭蛋机盲盒小程序前端功能设计及核心玩法介绍
前端·小程序
职豚求职小程序3 小时前
中华财险笔试测评题库小程序刷题职豚2026新
小程序
小鲤鱼ya3 小时前
vue3 + ts + uni-app 移动端封装图片上传添加水印
前端·typescript·uni-app·vue3
阿珊和她的猫3 小时前
小程序双线程架构:逻辑层与视图层的协同运作机制
小程序·架构
源码ym7k资源3 小时前
在线家政系统(APP+小程序)源码:为您提供专业的本地服务
小程序
2601_952013763 小时前
家政服务小程序预约上门服务维修保洁上门服务在线派单技师入驻-ym7K
小程序
2501_915921433 小时前
常用iOS性能测试工具大全及使用指南
android·测试工具·ios·小程序·uni-app·cocoa·iphone