Angular 角度2路由器错误：路由配置无效'；未定义'；

我使用的是Angular 2路由器3.0.0-beta.2

我似乎找不到单一的工作路线，我有以下错误：

“错误：路由“未定义”的配置无效：必须提供组件、重定向到、子级”

main.ts

import {provideRouter, RouterConfig}  from '@angular/router';
import {HomeComponent} from './home.component';  // you need to provide correct relative path

const appRoutes:RouterConfig = [                 //removed export
      {                                          // removed square bracket
        path: '',
        redirectTo: '/home',
        pathMatch: 'full'
      },{
         path: 'home',
         component: HomeComponent
      }
    ];


    export const appRouterProviders = [
      provideRouter(routes)
    ];

import { bootstrap } from '@angular/platform-browser-dynamic';
import { enableProdMode } from '@angular/core';
import { AppComponent} from './app.component';     //please provide right path
import {appRouterProviders } from './app.routes';  // added 

bootstrap(AppComponent, [appRouterProviders])
  .catch(err => console.error(err));

从“@angular/platformbrowser dynamic”导入{bootstrap}；
从“@angular/core”导入{enableProdMode}；
从“/app”导入{AppComponent，environment，appRouterProviders}；
引导（AppComponent，[appRouterProviders]）
.catch（err=>console.error（err））；

应用程序路由.ts

import {provideRouter, RouterConfig}  from '@angular/router';
import {HomeComponent} from './home.component';  // you need to provide correct relative path

const appRoutes:RouterConfig = [                 //removed export
      {                                          // removed square bracket
        path: '',
        redirectTo: '/home',
        pathMatch: 'full'
      },{
         path: 'home',
         component: HomeComponent
      }
    ];


    export const appRouterProviders = [
      provideRouter(routes)
    ];

import { bootstrap } from '@angular/platform-browser-dynamic';
import { enableProdMode } from '@angular/core';
import { AppComponent} from './app.component';     //please provide right path
import {appRouterProviders } from './app.routes';  // added 

bootstrap(AppComponent, [appRouterProviders])
  .catch(err => console.error(err));

从'@angular/router'导入{provideRouter，RouterConfig}；
从“/”导入{HomeComponent}；
导出常数批准：路由配置=[
[{
路径：“”，
重定向到：“/home”，
路径匹配：“已满”
},{
路径：“家”，
组件：HomeComponent
}]
];
导出常量路由：路由配置=[
…批准
];
导出常量ApprovertProviders=[
供应商外部（路线）
];

应用程序组件.ts

import {provideRouter, RouterConfig}  from '@angular/router';
import {HomeComponent} from './home.component';  // you need to provide correct relative path

const appRoutes:RouterConfig = [                 //removed export
      {                                          // removed square bracket
        path: '',
        redirectTo: '/home',
        pathMatch: 'full'
      },{
         path: 'home',
         component: HomeComponent
      }
    ];


    export const appRouterProviders = [
      provideRouter(routes)
    ];

import { bootstrap } from '@angular/platform-browser-dynamic';
import { enableProdMode } from '@angular/core';
import { AppComponent} from './app.component';     //please provide right path
import {appRouterProviders } from './app.routes';  // added 

bootstrap(AppComponent, [appRouterProviders])
  .catch(err => console.error(err));

从'@angular/core'导入{Component}；
从“@angular/ROUTER”导入{ROUTER_DIRECTIVES}”；
@组成部分({
moduleId:module.id，
选择器：'应用程序根'，
templateUrl:'app.component.html'，
指令：[路由器指令]
})
导出类AppComponent{
title='appworks！'；
}

home.component.ts

import {provideRouter, RouterConfig}  from '@angular/router';
import {HomeComponent} from './home.component';  // you need to provide correct relative path

const appRoutes:RouterConfig = [                 //removed export
      {                                          // removed square bracket
        path: '',
        redirectTo: '/home',
        pathMatch: 'full'
      },{
         path: 'home',
         component: HomeComponent
      }
    ];


    export const appRouterProviders = [
      provideRouter(routes)
    ];

import { bootstrap } from '@angular/platform-browser-dynamic';
import { enableProdMode } from '@angular/core';
import { AppComponent} from './app.component';     //please provide right path
import {appRouterProviders } from './app.routes';  // added 

bootstrap(AppComponent, [appRouterProviders])
  .catch(err => console.error(err));

从'@angular/core'导入{Component，OnInit}；
从“@angular/ROUTER”导入{ROUTER_DIRECTIVES}”；
@组成部分({
moduleId:module.id，
选择器：“应用程序主页”，
templateUrl:'home.component.html'，
指令：[路由器指令]
})
导出类HomeComponent实现OnInit{
构造函数（）{}
恩戈尼尼特（）{
}
}

app.component.html

应用程序外壳

您需要为HomeComponent导入提供正确的相对路径：

与此相反：

从“/”导入{HomeComponent}

这样做：

从“/home.component”导入{HomeComponent}

应用程序路由.ts

import {provideRouter, RouterConfig}  from '@angular/router';
import {HomeComponent} from './home.component';  // you need to provide correct relative path

const appRoutes:RouterConfig = [                 //removed export
      {                                          // removed square bracket
        path: '',
        redirectTo: '/home',
        pathMatch: 'full'
      },{
         path: 'home',
         component: HomeComponent
      }
    ];


    export const appRouterProviders = [
      provideRouter(routes)
    ];

import { bootstrap } from '@angular/platform-browser-dynamic';
import { enableProdMode } from '@angular/core';
import { AppComponent} from './app.component';     //please provide right path
import {appRouterProviders } from './app.routes';  // added 

bootstrap(AppComponent, [appRouterProviders])
  .catch(err => console.error(err));

main.ts

import {provideRouter, RouterConfig}  from '@angular/router';
import {HomeComponent} from './home.component';  // you need to provide correct relative path

const appRoutes:RouterConfig = [                 //removed export
      {                                          // removed square bracket
        path: '',
        redirectTo: '/home',
        pathMatch: 'full'
      },{
         path: 'home',
         component: HomeComponent
      }
    ];


    export const appRouterProviders = [
      provideRouter(routes)
    ];

import { bootstrap } from '@angular/platform-browser-dynamic';
import { enableProdMode } from '@angular/core';
import { AppComponent} from './app.component';     //please provide right path
import {appRouterProviders } from './app.routes';  // added 

bootstrap(AppComponent, [appRouterProviders])
  .catch(err => console.error(err));

在我的例子中，我忘记了从默认路由中删除组件

{ path: '', redirectTo: '/home', component: MovieComponent, pathMatch: 'full' },
{ path: 'home', component: MovieComponent }

只需从第一行中删除组件：MovieComponent
，以便将来的读者阅读：

如果相关组件未在模块上注册，则此错误也会显示出来，这可能会让人非常困惑。
oh geez。。复制和粘贴错误！谢谢