Javascript 路由器出口不工作我的组件

我试图学习angular 2，重新设计我的个人网站，但我有一个问题，我的应用程序没有加载我的组件，当我在我的导航栏中点击合适的路线

在my navbar.html中，我有两个链接：

        <li><a [routerLink]="['Home']"><i class="fa fa-home"></i></a></li>
        <li><a [routerLink]="['Langages']">Langages</a></li>

在我的app.component.ts中，我有一个模板，上面有一个用于查看导航栏的标签，下面我添加了一个标签以查看我的HomeComponent，如果我切换页面，我会看到我的LangagesComponent，而不是HomeComponent。。。所以现在，我没有看到HomeComponent和其他组件

附言：在我的语言成分中，我有：

import {Component} from "angular2/core";

@Component({
    templateUrl: "./dev/langages/langages.html"
})

export class LangagesComponent {}

---

感谢您的帮助。

路由中的名称不受支持（该名称在1/2年前被删除）

路由配置中的路径不得包含前导的
/
。
在
routerLink
或
router.navigateByUrl（）
中，前导的
/
表示绝对路径，而没有
/
则假定路径是相对的

也不再有
@RouteConfig
（除非使用Dart而不是TS）

有关详细信息，请参阅。
name
和
useAsDefault（不确定）
早就被删除了。
现在，您应该按照以下步骤设置路线：

{ path: '', redirectTo: 'home', pathMatch: 'full'},
{ path: "home", component: HomeComponent},    
{ path: 'language',  component: LangagesComponent },

.HTML


语言

注意：还要确保您将路由器插座放置在某个地方，以便使用HTML格式的路由器加载动态视图。
我通过本教程学习Angular 2：因此，如果我在/langages中或在2016年1月发布的“/”中加载我的组件，我会更改URL，并且不会加载我的组件。这是关于测试版的。1次检查你自己从那时起发生了什么变化。
<li><a [routerLink]="['/']"><i class="fa fa-home"></i></a></li>
<li><a [routerLink]="['/langages']">Langages</a></li>

{path: '', component: HomeComponent, pathMatch: 'full'},
{path: 'langages', component: LangagesComponent},

{ path: '', redirectTo: 'home', pathMatch: 'full'},
{ path: "home", component: HomeComponent},    
{ path: 'language',  component: LangagesComponent },

<li><a routerLink="home"><i class="fa fa-home"></i></a></li>
<li><a routerLink="language">Langages</a></li>