javascript - 如何引导一个使用 ivy 进行路由的 Angular 应用程序？

Question

我正在尝试为我的 Angular 应用启用新的 ivy 引导程序。

在 main.ts 我替换了

platformBrowserDynamic().bootstrapModule(AppModule);

和

import { enableProdMode, ɵrenderComponent as renderComponent, Injector, INJECTOR } from '@angular/core';
const injector: Injector = Injector.create({
  name: 'root',
  providers: [
    {
      provide: UserService,
      deps: [ApiService, JwtService]
    },
    {
      provide: ApiService,
      deps: [HttpClient]
    },
    {
      provide: HttpClient,
      deps: []
    },
    {
      provide: JwtService,
      deps: []
    }
  ]
});

renderComponent(AppComponent, {
  injector: injector
});

但是我一直遇到这个错误

StaticInjectorError(root)[ChildrenOutletContexts]: NullInjectorError: No provider for ChildrenOutletContexts!

我尝试将 AppComponent 依赖的所有服务/依赖项添加到注入器的提供程序，如上所示，但我的猜测是它失败了，因为它无法理解路由是如何设置的，有什么想法吗？

Answer 1

在你跑步之前ng serve

你需要ivy-ngcc先跑

然后尝试ng serve --aot