Angular 2:路由“home”的配置无效。必须提供以下之一:component、redirectTo、children 或 loadChildren

Pro*_*ist 5 angular2-routing angular

我正在尝试在 Angular 2 中实现路由,这些是我的文件

app.module.ts

import {Component, NgModule} from '@angular/core'
import {BrowserModule} from '@angular/platform-browser'
import {HomeComponent} from "./home.component";
import {RentedHomeComponent} from "./rented-home";
import {TenantComponent} from "./tenant.component";
import {SubTenantComponent} from "./sub-tenant.component";
import {BreadcrumbService} from "./breadcrumb.service";
import {routes, routingProviders} from "./app.routes";
import {RouterModule} from "@angular/router";
import {BreadcrumbComponent} from "./breadcrumb.component";
import {APP_BASE_HREF} from "@angular/common";

@Component({
  selector: 'my-app',
  template: `
    <h1 class="title">This is the landing page and no Breadcrumb here</h1>
    <a routerLink="/rented-home" class="btn btn-md btn-primary">View Customer Detail</a>
   <div class="row">
      <div class="col-md-12">
        <router-outlet></router-outlet>
      </div>
    <div class="main-view">
    </div>`,
})
export class App { }

@NgModule({
  imports: [ BrowserModule, RouterModule, routes ],
  declarations: [ App, HomeComponent, RentedHomeComponent, TenantComponent, SubTenantComponent, BreadcrumbComponent  ],
  providers: [routingProviders, BreadcrumbService,
    { provide: APP_BASE_HREF, useValue: '/' }],
  bootstrap: [ App ]
})
export class AppModule {}
Run Code Online (Sandbox Code Playgroud)

app.routes.ts

import {Routes, RouterModule} from "@angular/router";
import {ModuleWithProviders} from "@angular/core";
import {HomeComponent} from "./home.component";
import {RentedHomeComponent} from "./rented-home";
import {TenantComponent} from "./tenant.component";
import {SubTenantComponent} from "./sub-tenant.component";
import {App} from "./app";

const appRoutes : Routes = [
  {path:'', redirectTo:'/home', pathMatch:'full'},
  {path:'home', component:App},
  {path:'rented-home', component:RentedHomeComponent, data:{title:'Rented-Home'}},
  {path:'tenant', component:TenantComponent, data:{title:'Tenant'}},
  {path:'sub-tenant', component:SubTenantComponent, data:{title:'Sub-Tenant'}}
]
export const routingProviders : any[] = [];
export const routes : ModuleWithProviders = RouterModule.forRoot(appRoutes);
Run Code Online (Sandbox Code Playgroud)

但我得到 - 未处理的承诺拒绝:路线“家”的无效配置。必须提供以下之一: component、redirectTo、children 或 loadChildren ;区域: ; 任务: Promise.then ;价值:

这有什么帮助吗?