uni-app vue3 构建项目无法使用tabBar

原创

菜菜有点菜

发布于 2024-02-16 18:42:50

2000

发布于 2024-02-16 18:42:50

标签代码：

"tabBar": {
		"list": [{
			"iconPath": "static/tabBar/ly.png",
			"selectedIconPath": "static/tabBar/ly.png",
			"pagePath": "pages/index/index",
			"text": "首页"
		}]

报错如下：

18:13:05.330 [Vue warn]: Unhandled error during execution of watcher callback 
 at <TabBar>
at <Layout>
at <App>
18:13:05.335 [Vue warn]: Unhandled error during execution of setup function 
 at <TabBar>
at <Layout>
at <App>
18:13:05.372 uni-page-body not found

但是创建基于vue2构建的工程，则不报错。

这是因为tabBar 中的 list 是一个数组，只能配置最少2个、最多5个 tab，tab 按数组的顺序排序。

也就是说：至少配置两个，也就是list下要有两项。

原创声明：本文系作者授权腾讯云开发者社区发表，未经许可，不得转载。

如有侵权，请联系 cloudcommunity@tencent.com 删除。