angular - 错误:未捕获(承诺):错误:无法匹配任何路由。URL 段:“工作组”
问题描述
我的角度路由器遇到了一些问题,我一直收到这个错误,我知道这是非常基本的东西,但我对角度没有太多经验,因此我寻求您的帮助:
我的html链接:
<a href="" class="dash-nav-dropdown-item" routerLink="/work-groups" routerLinkActive="active">Work Groups</a>
app.module.ts
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { FormsModule } from '@angular/forms';
import { HttpClientModule } from '@angular/common/http';
import { MatDialogModule } from '@angular/material/dialog';
import { MatCardModule } from '@angular/material/card';
import { MatButtonModule } from '@angular/material/button';
import { MatFormFieldModule } from '@angular/material/form-field';
import { MatInputModule } from '@angular/material/input'
import { RouterModule } from '@angular/router';
import { AppComponent } from './app.component';
import { AppRoutingModule } from './app.routes'
import { CreateWorkerComponent } from './component/create-worker/create-worker.component';
import { MaintainWorkGroupComponent } from './component/maintain-work-group/maintain-work-group.component';
import { Session } from './model/entity/Session';
import { ListWorkGroupComponent } from './component/list-work-group/list-work-group.component';
import { ItemWorkGroupComponent } from './component/item-work-group/item-work-group.component';
import { DashboardComponent } from './component/dashboard/dashboard.component';
@NgModule({
declarations: [
AppComponent,
CreateWorkerComponent,
MaintainWorkGroupComponent,
ListWorkGroupComponent,
ItemWorkGroupComponent,
DashboardComponent
],
imports: [
BrowserModule,
FormsModule,
HttpClientModule,
MatDialogModule,
MatCardModule,
MatButtonModule,
MatFormFieldModule,
MatInputModule,
AppRoutingModule
],
providers: [
Session,
AppComponent,
ItemWorkGroupComponent,
MaintainWorkGroupComponent
],
bootstrap: [AppComponent],
entryComponents: [
ItemWorkGroupComponent,
MaintainWorkGroupComponent
]
})
export class AppModule { }
app.routing.ts
import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router'
import { DashboardComponent } from './component/dashboard/dashboard.component';
import { ListWorkGroupComponent } from './component/list-work-group/list-work-group.component';
const ROUTES: Routes = [
{ path: '', component: DashboardComponent },
{ path: '/work-groups', component: ListWorkGroupComponent }
]
@NgModule({
imports: [RouterModule.forRoot(ROUTES)],
exports: [RouterModule]
})
export class AppRoutingModule { }
我也尝试将我的路线导出为常量并在我的中使用它,app.module.ts
但效果不佳。
我真的不知道我错过了什么,如果您需要更多信息,请告诉我。
提前致谢!
解决方案
从路由中删除前面的正斜杠:
const ROUTES: Routes = [
{ path: '', component: DashboardComponent },
{ path: 'work-groups', component: ListWorkGroupComponent } <== SEE HERE
]
推荐阅读
- docker - 我们如何在 django .env 文件中传递动态端口名称
- selenium - 无法通过 jenkins 在 Microsoft 团队中查看测试自动化结果
- python - 在 Python3 中统一替换 Python2 的 StringIO 是什么?
- java - 图像未填满正方形
- android - 如何让一个方法等到它的改造方法在返回之前得到它的响应?
- c# - 如何将 JToken 转换为字符串 []?
- tensorflow - 在 tensorflow 2.0 中,如何计算输入变量的损失梯度?
- c# - 新 csproj 格式引用旧 csproj 是否有任何问题,反之亦然
- excel - 删除excel中N号后的所有行
- typescript - 如何使用@ts-ignore 忽略打字稿错误?