Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/webpack/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angular 如何使用JHipster 5+;使用底漆6+;_Angular_Webpack_Jhipster_Primeng - Fatal编程技术网

Angular 如何使用JHipster 5+;使用底漆6+;

Angular 如何使用JHipster 5+;使用底漆6+;,angular,webpack,jhipster,primeng,Angular,Webpack,Jhipster,Primeng,我试过: (抱歉,如果这是一篇重复的文章,没有代表对此发表评论) 以及其他一些文章和stackoverflow帖子,这些文章和帖子在使用最新的JHipster 5+时都没有获得最新的Priming 6+。它基本上是有效的,但是样式有点不合适——主要是primeicons似乎不起作用 例如,我尝试了,它主要工作除了图标,如下拉箭头显示为空框,以及其他没有正确显示。我怀疑这可能与primeicons导入不正确有关 有人用这个吗?我使用全新安装的一切进行了测试,但如果真的需要,我可以发布代码。

我试过:

  • (抱歉,如果这是一篇重复的文章,没有代表对此发表评论)
以及其他一些文章和stackoverflow帖子,这些文章和帖子在使用最新的JHipster 5+时都没有获得最新的Priming 6+。它基本上是有效的,但是样式有点不合适——主要是primeicons似乎不起作用

例如,我尝试了,它主要工作除了图标,如下拉箭头显示为空框,以及其他没有正确显示。我怀疑这可能与primeicons导入不正确有关


有人用这个吗?我使用全新安装的一切进行了测试,但如果真的需要,我可以发布代码。

对不起,伙计们,这对我有效,我只是在使用生成器jhipster Priming时被绊倒了,它无法开箱即用。步骤基本上是有效的,只需包括基本图标即可。无论如何,我在下面包括了完整的说明

但是,布局/css样式仍然有些不合适(可能与JHipster/bootstrap冲突),您必须调整一些官方的启动示例,例如使用
而不是旧的
样式图标

将Priming整合到JHipster项目中的步骤:

1.添加依赖项
  • 纱线添加打底图标打底@角度/动画
  • 可能需要为动画使用相同版本的Angular core,以避免出现问题
2.导入css样式 在
vendor.css
(或
vendor.scss
中,如果使用Sass,则添加:

  • 请注意,引导主题布局特别关闭。其他主题可在
    node\u模块/priming/resources/themes
3.导入模块
  • 我将
    BrowserAnimationsModule
    添加到
    app.module.ts
    中,但您可以在需要的地方添加它:
    • 从'@angular/platform browser/animations'导入{BrowserAnimationsModule}
    • BrowserAnimationsModule
      添加到
      @NgModule
      导入数组中
  • 根据需要导入任何预充模块(遵循其示例中的文档)

就这样!现在,请遵循使用特定组件的准备文档


jhipster 5.2.1
Priming 6.1.2
,和
primeicons 1.0.0-beta.10进行测试

对不起,伙计们,这对我有用,我只是在使用
生成器jhipster Priming
时被绊倒了,它无法正常工作。步骤基本上是有效的,只需包括基本图标即可。无论如何,我在下面包括了完整的说明

但是,布局/css样式仍然有些不合适(可能与JHipster/bootstrap冲突),您必须调整一些官方的启动示例,例如使用
而不是旧的
样式图标

将Priming整合到JHipster项目中的步骤:

1.添加依赖项
  • 纱线添加打底图标打底@角度/动画
  • 可能需要为动画使用相同版本的Angular core,以避免出现问题
2.导入css样式 在
vendor.css
(或
vendor.scss
中,如果使用Sass,则添加:

  • 请注意,引导主题布局特别关闭。其他主题可在
    node\u模块/priming/resources/themes
3.导入模块
  • 我将
    BrowserAnimationsModule
    添加到
    app.module.ts
    中,但您可以在需要的地方添加它:
    • 从'@angular/platform browser/animations'导入{BrowserAnimationsModule}
    • BrowserAnimationsModule
      添加到
      @NgModule
      导入数组中
  • 根据需要导入任何预充模块(遵循其示例中的文档)

就这样!现在,请遵循使用特定组件的准备文档


使用
jhipster 5.2.1
primeng 6.1.2
primeicons 1.0.0-beta.10进行测试。10

您是否将css文件(在《官方指南》中的
样式配置
下)导入了供应商的css?是的,否则样式将完全错误。它对你有用吗?嗯,现在似乎差不多有用了,样式对我来说还是有点不合适。我会继续用它做更多的测试,看看结果,否则我会发布一个回购样本。显然,
generator jhipster priming
似乎不是现成的,官方的priming示例需要将fa图标更改为角度样式。您是否在您的供应商中导入了css文件(在官方指南的
样式配置
下)。css?是的,否则样式将完全错误。它对你有用吗?嗯,现在似乎差不多有用了,样式对我来说还是有点不合适。我会继续用它做更多的测试,看看结果,否则我会发布一个回购样本。显然,
generator jhipster priming
似乎不是现成的,官方的priming示例需要将fa图标更改为角度样式
@import '~primeicons/primeicons.css';
@import '~primeng/resources/themes/nova-light/theme.css'; // pick whatever theme
@import '~primeng/resources/primeng.min.css'