1

我一直在使用JHipster 迷你书来学习 AngularJS 和 Spring Boot,但我在本书开头附近遇到了一个障碍,第 14 页。到目前为止,我已经运行了“yo jhipster”,创建了一个 PostgreSQL 数据库,并安装了使用“bower install bootstrap-material-design --save”和“gruntwiredep”进行材料设计,以及书中描述的配置编辑。当我运行“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(带有更新 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 book的第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 文件有什么问题。

4

2 回答 2

1

这是因为你使用了 bootstrap-material-design 库,所以关于带有 bootstrap 的导航栏的下拉菜单有一些演变。如果你想修复它,2个解决方案:

于 2015-12-25T23:06:20.870 回答
0

你在你的 index.html 中运行吗?

<script type="text/javascript">
     $.material.init() 
</script>
于 2016-01-05T08:37:47.740 回答