Question

我一直在使用JHipster Mini Book学习AngularJS和Spring Boot，但是我在本书的开头附近遇到了障碍，在第14页。到目前为止，我已经运行了“yo jhipster”，创建了一个PostgreSQL数据库，以及“bower install bootstrap-material-design --save”和“grunt wiredep”的安装材料设计，以及书中描述的配置编辑。当我运行“gradlew bootRun”时，一切都启动了，我可以浏览到“http://127.0.0.1:8080”并获得图2中所示的预期页面。

问题是，即使我登录后，下拉菜单也不会下拉。

我使用的是带有node.js 5.2.0，npm 3.5.1，bower 1.7.0和jhipster 2.26.1的Windows 8.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和Unable to Connect to GitHub.com For Cloning

中提到的问题

我使用过谷歌浏览器（版本47.0.2526.106米）和Internet Explorer（11.0.9600.18098）进行测试。我已经检查过两个浏览器都允许使用JavaScript，其他JS密集型网站也可以使用。

我多次重建了这个项目，所以我认为我不会遗漏任何步骤。

由于我是AngularJS的新手，我不知道这是一个JHipster问题还是我的环境出了问题。

我还能在哪里寻找问题？

2015年12月22日更新

在上面提到的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的导航栏下拉的演变。如果你想解决它，2个解决方案：

不要使用bootstrap-material-design（就像你说的那样）
如果你想使用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>

使用JHipster

2 个答案: