Angular项目使用PrimeNG FullCalendar遇模块找不到错误求助

核心原因 #

你执行的安装命令中缺少了@fullcalendar/angular这个关键依赖包，PrimeNG的FullCalendar组件依赖该包实现Angular环境适配，因此会触发“Cannot find module '@fullcalendar/angular' or its corresponding type declarations”错误。

解决步骤 #

• 卸载可能引发冲突的旧版本fullcalendar（若之前安装了不兼容版本）：

  npm uninstall fullcalendar@4.0.0-alpha.2
  

• 安装完整的依赖套件，必须包含@fullcalendar/angular：

  npm install @fullcalendar/core @fullcalendar/angular @fullcalendar/list @fullcalendar/timegrid @fullcalendar/interaction
  

• 确保app.module.ts中的导入配置正确，示例如下：

  import { FullCalendarModule } from 'primeng/fullcalendar';
  import { CalendarModule } from '@fullcalendar/angular';
  import interactionPlugin from '@fullcalendar/interaction';
  import dayGridPlugin from '@fullcalendar/daygrid';
  import timeGridPlugin from '@fullcalendar/timegrid';
  import listPlugin from '@fullcalendar/list';
  
  @NgModule({
    imports: [
      FullCalendarModule,
      CalendarModule.forRoot({
        plugins: [interactionPlugin, dayGridPlugin, timeGridPlugin, listPlugin]
      })
    ]
  })
  export class AppModule { }
  

• 清理npm缓存并重启项目：

  npm cache clean --force
  ng serve --open
  

额外提示 #

• 确保Angular版本与@fullcalendar/angular版本兼容：Angular 12+适配@fullcalendar/angular 5.x及以上；Angular 11及以下请选择对应适配版本。
• 避免随意安装低版本fullcalendar核心包，防止依赖冲突。

内容的提问来源于stack exchange，提问作者Lucky Gore