Angular 异常：路由器实例化时出错！（路由器链接->；路由器）

我试图使路线工作，但得到以下错误。我的目标是在页面加载时加载默认组件，然后当用户从导航中单击时，可以加载更多路由

首先，我试图加载默认路由器，但出现以下错误。现在我把路由器链接和路由器输出都保存在app.component.ts中

EXCEPTION: Error during instantiation of Router! (RouterLink -> Router).
ORIGINAL EXCEPTION: Component for route "/home" is not defined, or is not a class.

我的应用程序组件就像这里一样

import {Component} from 'angular2/core';
import { RouteConfig, ROUTER_DIRECTIVES, ROUTER_PROVIDERS } from 'angular2/router';
import {ACCORDION_DIRECTIVES, DROPDOWN_DIRECTIVES, Collapse} from "ng2-bootstrap/ng2-bootstrap";
import {CORE_DIRECTIVES} from "angular2/common";
import {MyAppComponent} from "./components/myapp.component";
import {RouterLink} from "angular2/router";
import {RouterOutlet} from "angular2/router";


@Component({
    selector: 'my-app',
    template:`<a [routerLink]="['Home']">Heroes</a>
        <router-outlet></router-outlet><myapp></myapp>`,
    directives:[ACCORDION_DIRECTIVES, DROPDOWN_DIRECTIVES, CORE_DIRECTIVES,
        RouterLink,Collapse, ROUTER_DIRECTIVES, MyAppComponent, RouterOutlet],
    providers:[ROUTER_PROVIDERS]
})

//Router configuration
@RouteConfig([
    {
        path: '/home',
        name: 'Home',
        component:'HomeComponent',
        useAsDefault: true
    }
])
export class AppComponent { }

---

如果有人知道我的代码出了什么问题，请让我知道…

首先按照Eric说的做

然后，我认为问题出在

HomeComponent

上。在

RouteConfig

中定义任何路由后，必须导入所有已定义的路由组件

所以我认为这应该能解决你的问题

import {HomeComponent} from 'HomeComponent path';

---

从所有组件中删除

提供程序：[路由器\u提供程序]

。仅将

路由器\u提供程序添加到

bootstrap(AppComponent, [ROUTER_PROVIDERS])

从组件中删除路由\u提供程序。是否需要从app.component中删除？是的，您应该只在引导中使用它。否不起作用。它显示相同的错误。将所有导入更改为使用单引号，将单引号与双引号混合会导致问题。同时从指令中删除
RouterLink
和
RouterOutlet
，您已经将它们包含在
ROUTER\u指令中了。将
路由器\u提供程序
置于组件提供程序之外。
bootstrap(AppComponent, [ROUTER_PROVIDERS])