Angular5：compileModuleAndAllComponentsSync 不适用于 AoT答案

【问题标题】：Angular5:compileModuleAndAllComponentsSync not working with AoTAngular5：compileModuleAndAllComponentsSync 不适用于 AoT
【发布时间】：2018-08-06 20:52:56
【问题描述】：

我正在做一个项目，我需要使用 --prod 标志来构建角度代码。
在我们的一个模块中，有一个在运行时创建的组件。使用开发环境构建时，该项目运行良好。但是，当使用 --prod 标志时，项目会成功构建，但会在方法“compileModuleAndAllComponentsSync()”处引发运行时异常。我为此搜索了很多，但没有找到任何有希望的解决方案。有人可以帮我吗？

异常详情：

main.0c80be8a6ff7c0136620.bundle.js:1 ERROR Error: Runtime compiler is not loaded
at fe (main.0c80be8a6ff7c0136620.bundle.js:1)
at e.compileModuleAndAllComponentsSync (main.0c80be8a6ff7c0136620.bundle.js:1)
at e.addComponent (main.0c80be8a6ff7c0136620.bundle.js:1)
at e.onSubmit (main.0c80be8a6ff7c0136620.bundle.js:1)
at Object.handleEvent (main.0c80be8a6ff7c0136620.bundle.js:1)
at Object.handleEvent (main.0c80be8a6ff7c0136620.bundle.js:1)
at Object.handleEvent (main.0c80be8a6ff7c0136620.bundle.js:1)
at cn (main.0c80be8a6ff7c0136620.bundle.js:1)
at main.0c80be8a6ff7c0136620.bundle.js:1
at HTMLButtonElement.<anonymous> (main.0c80be8a6ff7c0136620.bundle.js:1)@ main.0c80be8a6ff7c0136620.bundle.js:1

【问题讨论】：

标签： angular5 angular2-aot

【解决方案1】：

JIT 编译器通常在 AoT 模式下不可用，这里有一个取自 Angular's integration example 的解决方法。

import {Compiler, COMPILER_OPTIONS, CompilerFactory, NgModule} from '@angular/core';
import {JitCompilerFactory} from '@angular/platform-browser-dynamic';

@NgModule({
  providers: [
    {provide: COMPILER_OPTIONS, useValue: {}, multi: true},
    {provide: CompilerFactory, useClass: JitCompilerFactory, deps: [COMPILER_OPTIONS]},
    {provide: Compiler, useFactory: createCompiler, deps: [CompilerFactory]}
  ]
})

还有一个open feature request 可以在 AoT 模式下包含 jit 编译器。

【讨论】：