Question

import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { RouterModule, Routes } from '@angular/router';
import { LmfinComponent } from '../app/lmfin/lmfin.component';
import { MfinComponent } from './mfin/mfin.component';
import { GenFunctionProvider } from './gen-function.module';
import {DetailpembayaranComponent } from './detailpembayaran/detailpembayaran.component';

const appRoutes:Routes = [                 //removed export
  {                                        //removed square bracket
    path: '',
    redirectTo: '/mfin',
    pathMatch: 'full'
  },{
     path: 'list',
     component: LmfinComponent
  },{
    path: 'mfin/:id',
    component: MfinComponent
  },{
    path: 'detailpembayaran',
    component: DetailpembayaranComponent
  }
];

@NgModule({
  imports: [
    CommonModule,
    RouterModule.forRoot(appRoutes, {useHash:true})
  ],
  declarations: []
})
export class AppRoutingModule { }

我在路由方面还是新手，当我尝试进行路由时，我收到了此错误

错误错误：未捕获（在承诺中）：错误：无法匹配任何路径。

任何人都可以帮助我吗？

Answer 1

您是重定向/mfin

的默认路径

/mfin您没有路径/mfin/:id的路径。这与/mfin

不匹配

因此需要添加/mfin的路由网址。

Answer 2

试试这个，据我所知你缺少index.html中的一些代码。检查index.html head部分中是否有以下代码。如果没有添加它，请参阅。

<base href="/">

还要确保您的服务器已配置为HTML5 pushState，如Angular 2.0 router not working on reloading the browser

中所述

我希望这能解决你的问题。如果您有任何疑问或建议请告诉我。

得到此错误，错误：无法匹配任何路由

2 个答案: