未处理的Promise rejection：无法找到加载组件Angular2的主要插

Unhandled Promise rejection: Cannot find primary outlet to load 'HomeComponent' ; Zone: angular ; Task: Promise.then ; Value: Error: Cannot find primary outlet to load 'HomeComponent'

我的应用组件代码：

@Component({
  moduleId: module.id,selector: 'sd-app',viewProviders: [NameListService,HTTP_PROVIDERS],templateUrl: 'app.component.html',directives: [ROUTER_DIRECTIVES,NavbarComponent,ToolbarComponent]
})
export class AppComponent {
  constructor() {
     console.log('Environment config',Config);
  }
}

app.component.html代码：

<sd-navbar><router-outlet></router-outlet></sd-navbar>

应用路由配置：

const routes: RouterConfig = [
  {
    path: 'login',component: LoginComponent,canActivate: [UnauthenticatedGuard]
  },...HomeRoutes,];

export const APP_ROUTER_PROVIDERS = [
   provideRouter(routes),UnauthenticatedGuard,HomeComponentGuard
];

HomeRoutes代码：

export const HomeRoutes = [
{
   path: '',component: HomeComponent,canActivate: [HomeComponentGuard],children: [
     { path: '',component: HomeComponent },{ path: 'home',{ path: 'about',component: AboutComponent }
   ]
 },];

Home.Component代码：

import { Component } from '@angular/core';
import { ROUTER_DIRECTIVES } from '@angular/router';
import { NameListService } from '../shared/index';

@Component({
  moduleId: module.id,selector: 'wrapper',templateUrl: 'home.component.html',styleUrls: ['home.component.css'],directives: [ROUTER_DIRECTIVES]
})
export class HomeComponent {
   newName: string;
   constructor(public nameListService: NameListService) {
      console.log("nameList: " + JSON.stringify(nameListService.get()));
   }

   addName(): boolean {
     this.nameListService.add(this.newName);
     this.newName = '';
     return false;
   }

}