Angular 2 RC5 EXCEPTION：错误：未捕获（承诺）：无法使用'HomeComponent'解析组件

Question

我正在尝试我的abgular2 RC5的路由功能，请看下面的代码。

app.component.ts

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

@Component({ 
selector: 'my-app', 
template: ` 
<h1>My First Angular 2 App </h1> 
<router-outlet></router-outlet> 
` 
}) 
export class AppComponent {} 

import { Component } from '@angular/core'; 

usercomp.ts

@Component({ 
selector: 'user-comp', 
template: `  
<h1>USER COMPONENT</h1> 
` 
}) 
export class UserComponent {} 

homecomponent.ts

import { Component } from '@angular/core'; 

@Component({ 
moduleId: module.id, 
selector: 'home-component', 
template: ` 
<h1>Home Component</h1> 
` 
}) 
export class HomeComponent {} 

个app.module.ts

import { NgModule }  from '@angular/core'; 
import { BrowserModule } from '@angular/platform-browser'; 
import { Component } from '@angular/core'; 
import { AppComponent } from './app.component'; 
import { routing } from './approuter' 
import { ROUTER_DIRECTIVES } from '@angular/router' 
import { HomeComponent } from './homecomponent' 
import { UserComponent } from './usercomp' 

@NgModule({ 
    imports:  [ BrowserModule,routing ], 
    declarations: [ AppComponent,HomeComponent,UserComponent ], 
    bootstrap: [ AppComponent ] 
    }) 
export class AppModule { } 

approuter.ts

import { RouterModule,Routes } from '@angular/router' 

    const APP_ROUTES:Routes = [ 
    { 
    path:'user', 
    component:'UserComponent' 
    }, 
    { 
    path:'', 
    component:'HomeComponent' 
    } 

    ]; 

    export const routing = RouterModule.forRoot(APP_ROUTES); 

ERROR

我试图出口HomeCompon ent和UserComponent家庭组件无处不在，但无法摆脱此代码。随着RC4它工作得很好旧的方式，但不知道自己做错了什么，我没有在这里，请看看，让我知道当我误会了..

Answer 1

import { RouterModule,Routes } from '@angular/router' 
    import { HomeComponent } from './homecomponent'; 
    import { UserComponent } from './usercomp'; 

    const APP_ROUTES:Routes = [ 
     { 
      path:'user', 
      component: UserComponent 
     }, 
     { 
      path:'', 
      component: HomeComponent 
     } 
    ]; 

    export const routing = RouterModule.forRoot(APP_ROUTES); 

组件接受任何组件类型，查询类参考here

Answer 2

我想你需要pathMatch添加到您的默认路由：

{ path: '', redirectTo: '/home', pathMatch: 'full' }, 
{ path: 'home', loadChildren: './app/home/home.module#HomeModule' }