You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

JHipster项目使用PrimeNG p-calendar出现NG05105错误求助

解决JHipster项目中PrimeNG p-calendar的NG05105错误

这个错误是因为PrimeNG的p-calendar组件依赖Angular动画模块,你未导入相关动画依赖导致的,按以下步骤解决:

  • 安装Angular动画依赖包
    打开终端,在项目根目录执行命令:

    npm install @angular/animations --save
    
  • 在Angular模块中导入动画模块
    找到你导入CalendarModule的那个模块文件(通常是app.module.ts或功能模块文件),添加BrowserAnimationsModule的导入:

    import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
    import { CalendarModule } from 'primeng/calendar';
    
    @NgModule({
      imports: [
        // 其他已导入的模块
        BrowserAnimationsModule,
        CalendarModule
      ]
      // 其他模块配置
    })
    export class YourModuleName { }
    
  • (可选)确保PrimeNG样式正确导入
    如果组件样式显示异常,在项目的styles.scss(或全局样式文件)中添加PrimeNG的样式引用:

    @import "primeng/resources/themes/lara-light-blue/theme.css";
    @import "primeng/resources/primeng.min.css";
    

完成以上步骤后,重启项目,点击p-calendar组件应该就不会再触发这个错误了。

内容的提问来源于stack exchange,提问作者Vianney Adjumany

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.06.29 07:47:06