Меню не сбрасываются в браузере после установки с помощью JHipster

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 в книге.

Проблема заключается в том, что выпадающие меню не раскрывающийся, даже после того, как я войти.

Я использую Windows, 8.1 с Node.js 5.2.0, 3.5.1 НПМ, Бауэр 1.7. 0 и jhipster 2.26.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 и Unable to Connect to GitHub.com For Cloning

Я использовал Google Chrome (версия 47.0.2526.106 m) и Internet Explorer (11.0.9600.18098) для тестирования. Я проверил, что JavaScript разрешен в обоих браузерах, и работают другие сайты с интенсивным использованием JS.

Я несколько раз воссоздал проект, поэтому я не думаю, что ухожу от каких-либо шагов.

Поскольку я новичок в AngularJS, я не знаю, является ли это проблемой JHipster или что-то не так с моей средой.

Где еще я могу найти проблемы?

UPDATE 22/12/2015

На странице 13 книги JHipster упомянутой выше, есть инструкция на странице 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

Это потому, что вы используете библиотеку дизайна начальной загрузки, есть некоторые изменения в раскрывающемся списке навигационной панели с помощью бутстрапа. Если вы хотите, чтобы исправить это, 2 решения:

• не используют самозагрузки-материал-дизайн (как вы сказали)
• , если вы хотите использовать самозагрузки-материал-дизайн вам нужно исправить некоторые HTML в файл navbar.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>