【发布时间】：2019-03-02 15:30:18
【问题描述】：
我想创建一个由出色的 jhipster 提供支持的丰富 UI 网络应用程序。我一直在使用默认的 jipster 应用程序，我可以看到它默认使用 ng-bootstrap。
我需要使用高级组件，例如“chips”、“tree”等，这些组件在 ng-bootstrap 中不可用，但在“prime-ng”中可用。所以我做了一点研究，发现 jhipster 中有一个模块用于“primeng”和“Bootstrap Material Design”。我尝试过“prime-ng”，但不太喜欢它，因为在安装过程中它要求主题，我以后不能更改它。
对于“Bootstrap Material Design”，jhipster 模块很旧，我不确定它是否适用于 angular 6 和 jhipster > 5.x。
我的问题是：
我可以将"Bootstrap Material Design" 与 ng-bootstrap（jhipster 的默认值）一起使用吗？他们之间有什么冲突吗？？
如果我选择“primeng”，如何预览我要安装的主题？可以不用主题安装吗？？ ng-bootstrap 和 primeng 之间有什么冲突吗？我可以更新主题吗？
还有其他Jhipster官方支持的UI库吗？
谢谢
---- 更新-----
这是使用 jhipster 模块作为引导材料时的错误
我试过安装
npm install generator-jhipster:modules
但同样的错误
---------------- 更新 --------------------------------
这是我对primeng的错误。 css 有问题。所有按钮看起来都一样。为什么？？？
这是我的 vendor.scss 文件：
【问题讨论】：
-
忘记“Bootstrap Material Design” jhipster 模块，它太旧了（Bootstrap 3 和 JHipster 3）。现在问你的问题：1. 是的，但它不提供只有行为样式的真实组件，2. 我只使用了他们的引导主题，3. JHipster 不支持 UI 库，PrimeNG 只是社区经常使用的一个.
-
针对您的primeng CSS 问题，您是否在vendor.css 中导入了CSS？见github.com/gmarziou/jhipster-ui-libs/commit/…
-
您好 Gaël Marziou，感谢您的快速回复。我已下定决心使用“primeng”。我已经使用 thr jhipster 模块添加到我的 jhipster 项目中。是的，主题文件在“vender.scss”中。我需要更多步骤吗？还有一些组件没有按预期工作，但我会问一个单独的问题。使用 vendor.scss 的屏幕截图更新问题
-
你看我的提交了吗？它显示了我必须更改的所有文件，尽管它是针对 JHipster 4 的。
-
是的，我仔细检查过，所有文件都或多或少与您的提交相同。我将 vendor,scss 中的主题名称从 "@import "~primeng/resources/themes/bootstrap/theme.css"; " 更改为 @import "~primeng/resources/themes/nova-light/theme.css";和 yeeeee 颜色都在那里.. 虽然有些组件没有按预期工作，但主题问题已经解决。看起来那里的“引导”主题有些问题
标签： jhipster primeng bootstrap-material-design