ОРИГИНАЛЬНОЕ ИСКЛЮЧЕНИЕ: нет маршрутизатора

Я пытаюсь использовать компонентный роутер с угловым 2. Я загрузил приложение углового 2 с предварительным экзистенциальным угловым 1 приложением. Вот мой код:

main.ts

import { upgradeAdapter } from './upgrade-adapter';
import { ResAppComponent } from './resApp.component';
import { appRouterProviders } from './app.routes';

angular.module('utdApp').directive('appComponent', upgradeAdapter.downgradeNg2Component(ResAppComponent));

upgradeAdapter.bootstrap(document.body,['utdApp'],ResAppComponent,[appRouterProviders]);

resApp.component.ts

import { Component } from '@angular/core';
import { DisclosureComponent } from './disclosure.component';
import {ROUTER_DIRECTIVES} from '@angular/router'

@Component({
selector: 'app-component',
template: '
<h1>My angular app</h1>
<nav>
<my-app-new></my-app-new>
<a routerLink="/route1" routerLinkActive="active">Route</a>

<router-outlet></router-outlet>
</nav>
',
directives: [ROUTER_DIRECTIVES],
providers:[DisclosureComponent]

}) 

export class ResAppComponent{}

app.routes.ts

import { provideRouter, RouterConfig }  from '@angular/router';
import { DisclosureComponent } from './disclosure.component';

const routes:RouterConfig = [

{
    path: 'route1',
    component: DisclosureComponent,
}
];


export const appRouterProviders = [
provideRouter(routes)
]; 

disclosure.component.ts

 import { Component } from '@angular/core';
 import { ROUTER_DIRECTIVES, provideRouter } from '@angular/router';


@Component({
selector:'my-app-new',
template:'<h1>{{title}}</h1>',
directives:[ROUTER_DIRECTIVES],

providers:[provideRouter]

})

export class DisclosureComponent
{
title="Success"

}

Моя ошибка выглядит примерно так:

Кажется, я не знаю, что не так. Существует не так много информации о компонентном маршрутизаторе для углового2.