Angular中AppModule导入模块需导出函数的原因及构建问题

先来说说你遇到的核心问题：这本质是Angular JIT编译和AOT编译的规则差异导致的，我们逐个拆解你的疑问：

1. 为什么ng serve正常但ng build --prod报错？ #

ng serve默认使用**JIT（即时编译）**模式——代码会在浏览器运行时才完成编译，这个过程对装饰器里的代码限制很宽松，匿名函数、内联表达式都能正常解析。

而ng build --prod默认启用**AOT（提前编译）**模式——代码在构建阶段就被编译成浏览器可直接执行的JavaScript，AOT为了优化编译结果、提升运行性能，对装饰器的元数据有严格的静态分析要求：它需要在编译时就能明确所有装饰器里用到的函数、变量的定义，而不是等到运行时才去解析。你的内联箭头函数不符合这个静态分析的规则，所以AOT编译失败。

2. 为什么内联lambda（箭头函数）无法使用？ #

AOT编译器需要对装饰器中的代码进行静态序列化，内联的箭头函数是匿名函数，它没有可被编译器追踪的固定引用，编译器无法在编译阶段确定这个函数的具体内容，也没办法将它正确整合到预编译的代码中。这种“动态”的函数表达式在AOT的静态分析规则里是不被允许的。

3. 为什么必须导出该函数？ #

当你把getToken定义为模块内的非导出函数时，它的作用域仅限于当前文件内部，AOT编译器在进行跨模块的静态分析时，无法访问到这个非导出的函数（编译器会把模块视为独立的编译单元，非导出成员对外部是不可见的）。

而将函数导出后，它就变成了模块的公共成员，AOT编译器可以在编译阶段轻松找到并解析这个函数的定义，确保预编译后的代码能正确引用到它，满足AOT的静态分析要求。

补充：正确的修正代码示例 #

你最终的正确写法应该是这样的：

// 导出getToken函数
export function getToken() {
  return localStorage.getItem('token');
}

@NgModule({
  declarations: [ ... ],
  imports: [
    RoutingModule,
    SharedModule,
    JwtModule.forRoot({
      config: {
        headerName: 'Authorization',
        // 直接引用导出的函数，不需要再包一层箭头函数
        tokenGetter: getToken,
        whitelistedDomains: ['localhost:4200']
      }
    })
  ],
  ...
})
export class AppModule { }

注意这里不需要再用() => getToken，直接把导出的函数引用传给tokenGetter即可，这样更符合AOT的要求。

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