uni-app 新建tabBar报错 vue3 vite

vue3 vite 默认模板。新建tabBar时报错，结构目录如下

eggper 1楼

配置成tabBar的页面，必须在 pages 中先定义。请您熟读并背诵文档

更多关于uni-app 新建tabBar报错 vue3 vite的实战教程也可以访问 https://www.itying.com/category-93-b0.html

nodeper 2楼

nice 老哥国服前端

yuanlaile 3楼作者

回复黑桃K: 国服元歌、关羽、婉儿，请求出战

nodeper 4楼

这个报错是因为在Vue3+Vite项目中，tabBar的配置方式与Vue2有所不同。在Vue3中需要特别注意以下几点：

确保pages.json中tabBar配置正确：

"tabBar": {
  "list": [
    {
      "pagePath": "pages/index/index",
      "text": "首页"
    },
    {
      "pagePath": "pages/about/about",
      "text": "关于"
    }
  ]
}