角度重新路由到首页不起作用？

Question

这是我的错误：

core.es5.js:1020 ERROR Error: Uncaught (in promise): 
Error: Cannot match any routes. URL Segment: 'home' 

这是从view.html代码：

<div class="container"> 
    This is the main app; 
    <a routerLink="second">Click to go to second</a> 
    <a routerLink="third">Click to go to third</a> 
    <a routerLink="app">Go to Home</a> 
    <router-outlet></router-outlet> 
</div> 

这是我的目标，其中包括路径到家庭和其他路径的阵列。到家的路径是正确的，因此我不明白为什么每次点击它时弹出错误。

const appRoutes: Routes=[ 
    {path:'second', component:SecondComponent}, 
    {path:'third', component:ThirdComponent}, 
    {path:'', redirectTo:'./app', pathMatch:'full'}, 
] 

当我点击第三和第二个组件url时，一切正常。

注意：当我点击家庭组件时，我想隐藏第二个和第三个组件。

Answer 1

这解决了我的问题，我家的路径是空的，为此，一旦我点击主页标签主页不重复自己。

const APP_ROUTES: Routes=[ 
    {path:'first', component:FirstComponent}, 
    {path:'second', component:SecondComponent}, 
    {path:'third', component:ThirdComponent}, 
    {path:'', redirectTo:'', pathMatch:'full'}, 
]; 

Answer 2

您需要定义家用路线：

const appRoutes: Routes=[ 
    {path:'home', component:HomeComponent}, 
    {path:'second', component:SecondComponent}, 
    {path:'third', component:ThirdComponent}, 
    {path:'', redirectTo:'/home', pathMatch:'full'}, 
    {path:'**', redirectTo:'/home', pathMatch:'full'} 
];