Как я могу загрузить угловое приложение, которое имеет маршрутизацию с плющом?

Question

Я пытаюсь включить новый загрузчик плюща для моего приложения Angular.

в 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