使用JHipster設置后，菜單不會在瀏覽器中下拉

Question

我一直在使用JHipster Mini Book來學習AngularJS和Spring Boot，但是在本書開始時的第14頁就遇到了一個麻煩。到目前為止，我已經運行了“ yo jhipster”，創建了PostgreSQL數據庫並安裝了帶有“ bower install bootstrap-material-design --save”和“ gruntwiredp”的材料設計，以及本書中描述的配置編輯。 當我運行“ gradlew bootRun”時，一切啟動，並且我可以瀏覽至“ http://127.0.0.1:8080 ”，並獲得本書圖2中所示的預期頁面。

問題是即使我登錄后，下拉菜單也不會下拉。

我正在將Windows 8.1與node.js 5.2.0，npm 3.5.1，bower 1.7.0和jhipster 2.26.1一起使用。 還有PostgreSQL 9.4.5。 我還必須安裝Visual Studio Express 2015（帶有Update 1）和所有相關文件，以便node.js可以正常工作。 更不用說Python 2.7.1。 我已經解決了https://github.com/nodejs/node-gyp/issues/629#issuecomment-153196245中提到的問題，並且無法連接到GitHub.com進行克隆

我已經使用Google Chrome（版本47.0.2526.106 m）和Internet Explorer（11.0.9600.18098）進行了測試。 我已經檢查過兩個瀏覽器都允許使用JavaScript，並且其他JS密集型網站也可以工作。

我幾次重新創建了該項目，所以我認為我沒有遺漏任何步驟。

由於我是AngularJS的新手，所以我不知道這是JHipster問題還是我的環境有問題。

我還能在哪里尋找問題？

更新22/12/2015

在上面提到的JHipster書籍的第13頁上，有一條指令要在第13頁上運行

bower install bootstrap-material-design --save

其次是

grunt wiredep

這會將一些行添加到src \\ main \\ webapp \\ index.html（以及其他文件中）

<script src="bower_components/bootstrap-sass/assets/javascripts/bootstrap.js"></script>
<script src="bower_components/bootstrap-material-design/dist/js/material.js"></script>
<script src="bower_components/bootstrap-material-design/dist/js/ripples.js"></script>

首先是問題-當我將其刪除時，所有功能似乎都可以正常工作（除非我尚未測試所有功能，因此以后可能會發現問題）。 我不知道該.js文件是什么問題。

Answer 1

這是因為您使用了bootstrap-material-design庫，所以關於帶有bootstrap的導航欄的下拉列表有一些改進。 如果您要修復它，有兩種解決方案：

• 不要使用引導材料設計（如您所說）
• 如果要使用bootstrap-material-design，則需要在navbar.html文件中修復一些html。 此處提供更多信息： https : //stackoverflow.com/questions/34281965/material-design-theme-menu?answertab=oldest#tab-top

Answer 2

您是否正在運行index.html？

<script type="text/javascript">
     $.material.init() 
</script>