Twitter bootstrap 使用JHipster设置后,菜单不会在浏览器中下拉

Twitter bootstrap 使用JHipster设置后,菜单不会在浏览器中下拉,twitter-bootstrap,jhipster,bootstrap-material-design,Twitter Bootstrap,Jhipster,Bootstrap Material Design,我一直在使用学习AngularJS和Spring Boot,但在书的开头,第14页,我遇到了一个障碍。到目前为止,我已经运行了“yo jhipster”,创建了一个PostgreSQL数据库,并安装了带有“bower安装引导程序material design--save”和“grunt wiredep”的material design,以及书中描述的配置编辑。当我运行“gradlew bootRun”时,一切都启动了,我可以浏览到“”,并获得书中图2所示的预期页面 问题是,即使在我登录之后,下拉

我一直在使用学习AngularJS和Spring Boot,但在书的开头,第14页,我遇到了一个障碍。到目前为止,我已经运行了“yo jhipster”,创建了一个PostgreSQL数据库,并安装了带有“bower安装引导程序material design--save”和“grunt wiredep”的material design,以及书中描述的配置编辑。当我运行“gradlew bootRun”时,一切都启动了,我可以浏览到“”,并获得书中图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(更新1)和所有相关文件,以便node.js能够正常工作。更不用说Python 2.7.1了。我已经解决了和中提到的问题

我使用谷歌浏览器(47.0.2526.106 m版)和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(以及其他文件)中添加一些行



第一个是问题——当我删除它时,一切似乎都正常(除了我没有测试所有东西,所以以后可能会发现问题)。我不知道.js文件有什么问题。

这是因为您使用了引导材质设计库,使用引导时导航栏下拉有一些改进。如果要解决此问题,请提供两种解决方案:

  • 不要使用bootstrap材质设计(如您所说)
  • 如果你想使用引导材料设计,你需要在
    navbar.html
    文件中修复一些html。更多信息请点击此处:

您是否正在运行index.html

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

$.material.init()

Windows上的前端开发是一件非常痛苦的事情,请在OpenBrowser的控制台上查看我在jhipster env上的答案,可能有errors@GaëlMarziou Google Chrome或Internet Explorer的开发者控制台中没有错误。您是只运行gradle,还是按照中的建议同时运行gradle和grunt?然后在@GaëlMarziou访问你的应用程序,我只运行“gradlew bootRun”并导航到。我试着只跑“咕噜发球”,但从一开始就没有效果。我没有意识到我注定要同时经营这两项业务。我很快就会试试。是的,我按照书中的说明做了。
<script type="text/javascript">
     $.material.init() 
</script>