Angular构建报错：装饰器不支持函数调用但调用了DelonModule

这个报错是Angular AOT编译（ng build默认启用）的典型限制——它要求装饰器里的表达式必须是静态可解析的，不能出现无意义的动态函数调用。结合你描述的场景（之前正常、近期报错），大概率是模块导入方式出了问题，或者依赖库版本更新后初始化规则变了，下面分几种情况给你解决方案：

情况1：你错误地在AppModule里调用了DelonModule（带括号） #

如果你的AppModule里写了类似这样的代码：

@NgModule({
  imports: [
    // ❌ 错误写法：不该加括号调用模块类
    DelonModule(),
    // ...其他模块
  ]
})
export class AppModule {}

解决方法：直接引用模块类，去掉括号：

@NgModule({
  imports: [
    // ✅ 正确写法：直接使用模块类本身
    DelonModule,
    // ...其他模块
  ]
})
export class AppModule {}

情况2：第三方DelonModule需要用forRoot()初始化配置 #

Delon模块（比如@delon/acl这类）通常需要通过forRoot()传入全局配置（比如权限规则），如果你之前省略了这个步骤，或者版本更新后必须显式调用，就会触发报错。

正确示例：

@NgModule({
  imports: [
    // ✅ 调用forRoot传入全局配置（仅在根模块AppModule中调用一次）
    DelonModule.forRoot({
      acl: {
        // 这里写你的ACL权限配置，比如默认角色、守卫规则等
      }
    }),
    NgZorroAntdModule.forRoot(),
    // ...其他模块
  ]
})
export class AppModule {}

注意：子模块中如果需要复用Delon的功能，应该调用forChild()（如果库提供的话），而不是重复调用forRoot()。

情况3：你自定义的DelonModule存在动态函数包裹 #

看你提供的delon.module.ts代码，你是自己封装了一个整合NgZorro的模块？如果这个模块是用动态函数创建的（比如用函数返回模块类），就会触发AOT编译报错。

错误示例： #

// ❌ 不要用函数动态创建模块
export function createDelonModule() {
  @NgModule({
    imports: [NgZorroAntdModule.forRoot()]
  })
  class DelonModule {}
  return DelonModule;
}

正确写法： #

// ✅ 直接定义模块类，让Angular编译器能静态解析
@NgModule({
  imports: [
    NgZorroAntdModule.forRoot(),
    NgZorroAntdExtraModule.forRoot(),
    // AlainTheme相关模块
  ],
  exports: [
    // 导出需要在其他模块中使用的组件/模块
    NgZorroAntdModule,
    NgZorroAntdExtraModule
  ]
})
export class DelonModule {}

额外排查步骤 #

1. 如果你是近期更新了Angular或Delon库的版本，先确认Delon的最新文档，看看模块导入方式有没有变更；
2. 执行ng clean清理缓存后再重新构建，避免缓存导致的异常；
3. 手动用ng build --aot触发编译，能更精准地定位AOT相关的问题。

内容的提问来源于stack exchange，提问作者Eve-Sama