angular2 webpack AsyncRoute neuen Namen

Question

Ich brauche ein mit angular2-webpack-starter

ich ein neues AsyncRoute hinzufügen möchten. Aber es gibt eine Ausnahme

export const routes: RouterConfig = [ 
    { path: 'detail', component: 'Detail', canActivate: [ WebpackAsyncRoute ] }, 
    { path: 'foo', component: 'Foo', canActivate: [ WebpackAsyncRoute ] }, 
]; 
export const asyncRoutes: AsyncRoutes = { 
    'Detail': require('es6-promise-loader!./+detail'), 
    'Foo': require('es6-promise-loader!./+foo') 
}; 
export const prefetchRouteCallbacks: Array<IdleCallbacks> = [ 
    asyncRoutes['Detail'], 
    asyncRoutes['Foo'] 
]; 

Ich kann nicht einmal den Namen einer Route ändern.

export const routes: RouterConfig = [ 
    { path: 'detail', component: 'Foo', canActivate: [ WebpackAsyncRoute ] }, 
]; 
export const asyncRoutes: AsyncRoutes = { 
    'Foo': require('es6-promise-loader!./+detail'), 
}; 
export const prefetchRouteCallbacks: Array<IdleCallbacks> = [ 
    asyncRoutes['Foo'], 
]; 

Was ist passiert?

Answer 1

Implementieren Sie die folgenden Schritte aus: [ neue AsyncRoute ({ Pfad: '/' , Name: RouterService.CONTROL_CENTER_ROUTE , Lader:() => new Promise ((resolve: any) => { (erfordern) .Ensure ([ 'control-center.component'] (erfordern: any) => resolve (erfordern ('control-center.component') ControlCenterComponent.)); }) , useAsDefault: true }) , neue AsyncRoute ({ Pfad: '/ login' , Name: RouterService.LOGIN_ROUTE , loader:() => neues Versprechen ((auflösen: any) => { (erforderlich) .ensure (['login.component'] , (erforderlich: any) => resolve (require ('login.component') .LoginComponent)); }) }) ];

Weitere Informationen finden Sie in diesem Blog enter link description here