Angular：如何导入 JitCompilerFactory？

Question

如果我使用 AOT 编译，将无法进行动态编译。所以我需要将编译器加载到浏览器中。那么我该如何加载呢？如果我使用

import { JitCompilerFactory } from '@angular/compiler';

但是，在导入 JitCompilerFactory 后，我收到以下错误：

“在 'angular/compiler' 中找不到导出 'JitCompilerFactory'

所以我现在需要从'angular/platform-browser-dynamic' 导入它以进行动态编译吗？

Answer 1

您需要像这样将JitCompilerFactory 导入到您的app.module.ts 中：

import {Compiler, COMPILER_OPTIONS, CompilerFactory} from '@angular/core';
import {JitCompilerFactory} from '@angular/platform-browser-dynamic';
export function createCompiler(compilerFactory: CompilerFactory) {
  return compilerFactory.createCompiler();
}



@NgModule({
  declarations: [
    AppComponent,
  ],
  imports: [
    BrowserModule
  ],
  providers: [
    {provide: COMPILER_OPTIONS, useValue: {}, multi: true},
    {provide: CompilerFactory, useClass: JitCompilerFactory, deps: [COMPILER_OPTIONS]},
    {provide: Compiler, useFactory: createCompiler, deps: [CompilerFactory]}
  ],
  bootstrap: [AppComponent]
})
export class AppModule {}

在这里，我创建了一个完整的工作 StackBlitz Demo，如果你想在那里玩它的话。