最近忙於開發視頻直播的項目，小程序學習也放置了兩三個星期了，web開發者工具更新到新版，發現上個版本做的demo不顯示了??，仔細的檢查代碼和上網求救，都沒用，最後隨手那麽的按兩個鍵(真的是隨手一按，都沒想到會解決)就好了，總結下tabBar控件吧。

1，書寫，正確書寫時tabBar，不要寫成tabbar，我看新版的現在有自動補全了，這個應該不會成問題

2，這個問題不好找，當創建新工程時，app.json中Pages配置是這樣的

首頁默認的是index的目錄，如果添加新的頁面，不在pages中添加index目錄，也會導致tabBar不顯示，如下圖：

在配置中加入index目錄

3，tabBar屬性的要求，官方教程微信小程序官方教程

畫重點，tabBar中list的個數最少2個，最多5個。list中每個對象的屬性值iconPath和selectedIconPath我試了一下，可以不填寫，不知道以後會不會改，建議在項目中添加圖片。

4，這個就是隨手一按解決的(shift+【 鍵)，這個坑隱藏的很深，第一個目錄中的.json中，不管配置不配置其它數據，必須要加一個{}??。

最後顯示出來了

踩一踩微信小程序開發的坑---tabBar