无法匹配任何路线。URL段：“登录”

Question

我的页面http: // localhost:4200正确加载，但是当我想转到链接http: // localhost: 4200 /login时，它返回到http: // localhost: 4200并显示错误

routing-module.module.ts

import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { RouterModule , Routes} from '@angular/router';
import { LoginComponent } from './components/login/login.component';
import { TaskManagerComponent } from './components/task-manager/task-manager.component';


const routes:Routes=[
   { path : 'login',component:LoginComponent },
   { path : 'task' ,component:TaskManagerComponent }
];

@NgModule({
  declarations: [
  ],
  imports: [
    CommonModule,
    RouterModule.forRoot(routes)
  ],
  exports:[RouterModule]
})
export class RoutingModuleModule { }

Answer 1

在组件模板中，您应该使用以下内容：

<a [routerLink]="['/login']">Login</a>

Answer 2

一切都很好，您已经创建了一个名为RoutingModuleModule的定制路由模块。在这种情况下，您将导入您的Login Component，并导出Routing Module。在那之前，我有个问题。`

您在RoutingModuleModule文件imports数组中导入imports了吗？

ie：

imports: [
        BrowserModule,
        RoutingModuleModule
        ]

这可能是问题所在，键入导入并检查