我正在尝试在我的jHipster项目中使用creative-tim Material Bootstrap 4主题,但经过这么多次尝试后,我无法使Dropdown或Floating Label组件正常工作 .

我试过的东西:1 . 在vendor.ts中添加了文件

import "../../../../node_modules/jquery/dist/jquery.js";
import "../../../../node_modules/popper.js/dist/umd/popper.js";
import '../../../../node_modules/bootstrap/dist/js/bootstrap.js';
import "../../../../node_modules/arrive/src/arrive.js";
import "../../../../node_modules/bootstrap-material-design/js/ripples.js";
import "../../../../node_modules/bootstrap-material-design/dist/js/bootstrap-material-design.js";
  • 在vendor.scss中添加了css / scss

@import'node_modules / bootstrap-material-design / dist / css / bootstrap-material-design'; @import'../../../../../node_modules/@angular/material/prebuilt-themes/indigo-pink.css';

  • 添加了@import'material-dashboard.scss';在global.scss中

  • 这些是package.json的依赖项

“dependencies”:{“@ angular / animations”:“^ 5.2.4”,“@ angular / cdk”:“^ 5.2.1”,“@ angular / common”:“5.2.0”,“@ angular /编译器“:”5.2.0“,”@ angular / core“:”5.2.0“,”@ angular / http“:”5.2.0“,”@ angular / forms“:”5.2.0“,”@ angular / material“:”^ 5.2.1“,”@ angular / platform-browser“:”5.2.0“,”@ angular / platform-browser-dynamic“:”5.2.0“,”@ angular / router“ :“5.2.0”,“到达”:“2.3.1”,“@ ng-bootstrap / ng-bootstrap”:“1.0.0-beta.9”,“bootstrap”:“4.0.0”,“bootstrap -material-design“:”^ 4.1.1“,”core-js“:”2.4.1“,”font-awesome“:”4.7.0“,”generator-jhipster-entity-audit“:”^ 3.1 .0“,”jquery“:”3.2.1“,”ng-jhipster“:”0.4.0“,”ngx-cookie“:”2.0.1“,”ngx-infinite-scroll“:”0.5.1 “,”ngx-webstorage“:”2.0.1“,”reflect-metadata“:”0.1.10“,”rxjs“:”5.5.6“,”swagger-ui“:”2.2.10“,”popper“ .js“:”^ 1.12.9“,”sweetalert2“:”6.10.1“,”tether“:”1.4.0“,”zone.js“:”0.8.19“,”ng-diff-match-补丁“:”2.0.6“}

但仍然下拉和浮动标签不起作用 . 请帮我在我的时髦应用中集成http://md-pro-angular.creative-tim.com/dashboard?_ga=2.247609543.1315334517.1519214351-1513144354.1517469381主题 .

提前致谢 .