Ionic 5（Angular9）-错误：未捕获（承诺）：错误：无法匹配任何路由。 URL 段：'profile'

Question

我在尝试单击主页 -> 切换菜单并导航到“配置文件”时遇到此错误。我尝试了多个 appprocah 但仍然相同的错误。请帮助我

应用程序路由.module.ts

 import { NgModule } from '@angular/core'; import { PreloadAllModules, RouterModule, Routes } from '@angular/router'; const routes: Routes = [ { path: 'home', loadChildren: () => import('./home/home.module').then( m => m.HomePageModule) }, { path: 'profile/', loadChildren: () => import('./profile/profile.module').then( m => m.ProfilePageModule) }, ]; @NgModule({ imports: [ RouterModule.forRoot(routes, { preloadingStrategy: PreloadAllModules }) ], exports: [RouterModule] }) export class AppRoutingModule { }

app.component.ts

 app.component.ts export class AppComponent { navigate: any; //new added for toggle menu this.sideMenu(); //new added for toggle menu this.initializeApp(); } } sideMenu() { //new added for toggle menu this.navigate = [ { title: 'Home', url: './home', icon: 'home-outline', //icons: 'home-outline', }, { title: 'Profile', url: './profile', icon: 'person-circle-outline', }, ];

app.module.ts

Answer 1

您的路线路径错误。 也许只是一个错字。 删除额外的正斜杠/用于配置文件路径。

{
    path: 'profile',
    loadChildren: () => import('./profile/profile.module').then( m => m.ProfilePageModule)
},