关于自定义tabBar示例的问题
初学者一枚
在学习自带的自定义tabBar的时候 : https://developers.weixin.qq.com/miniprogram/dev/framework/ability/custom-tabbar.html

尝试把 自定义tabBar加到自己的工程里面,
新建自己的工程的时候选择的是“” 云开发“”,
目录结构和初始效果如图:

- 当前 Bug 的表现(可附上截图)
在尝试加入tabBar的过程中,发现app根本不添加tabbar。
怀疑是目录结构的问题,project.config.json里面
“miniprogramRoot”: “miniprogram/”,这个项目好像没作用到tabbar上。
同样的代码,如果把miniprogram文件夹下的文件移到一个空文件夹下,就能成功。
失败的截图:

把代码放到独立的文件夹下成功的截图:

请教问题的根因,万分感谢!