Ioni c: ошибка: невозможно сопоставить ни один маршрут. Сегмент URL: - PullRequest
Новая
       15

Ioni c: ошибка: невозможно сопоставить ни один маршрут. Сегмент URL:

0 голосов
/ 17 апреля 2020

Я пытаюсь создать относительно базовое c Ioni c приложение, но я получаю сообщение об ошибке: 

core.js:14597 ERROR Error: Uncaught (in promise): Error: Cannot match any routes. URL Segment: 'match-details/match-details-info'
Error: Cannot match any routes. URL Segment: 'match-details/match-details-info'
    at ApplyRedirects.push../node_modules/@angular/router/fesm5/router.js.ApplyRedirects.noMatchError (router.js:2469)

Я пытаюсь сделать это нажатием кнопки на обычной странице это переход на другую страницу, на которой есть вкладки.

Я перехожу с http://localhost: 8100 / tabs / fixtures на то, что я ожидал бы равным http://localhost: 8100 / сведения о совпадении / информация о совпадении , но вместо этого я получаю вышеуказанную ошибку и остаюсь на исходной странице.

Вот фрагмент моего файла app-routing.module.ts, показывающий путь подробная информация (строка 3): 

const routes: Routes = [
  { path: '', loadChildren: './tabs/tabs.module#TabsPageModule' },
  { path: 'match-details', loadChildren: './pages/match-details/match-details.module#MatchDetailsPageModule' },
  { path: 'match-details-standard/:id', loadChildren: './pages/match-details-standard/match-details-standard.module#MatchDetailsStandardPageModule' },
  { path: 'player-details/:id', loadChildren: './pages/player-details/player-details.module#PlayerDetailsPageModule' },

А вот мой match-details-routing.module.ts: 

import { NgModule } from '@angular/core';
import { RouterModule, Routes } from '@angular/router';
import { MatchDetailsPage } from './match-details.page';

const routes: Routes = [
  {
    path: 'match-details',
    component: MatchDetailsPage,
    children: [

      {
        path: 'match-details-info',
        children: [
          {
            path: '',
            loadChildren: '../match-details-info/match-details-info.module#MatchDetailsInfoPageModule'
          }
        ]
      },
      {
        path: 'match-details-lineup',
        children: [
          {
            path: '',
            loadChildren: '../match-details-lineup/match-details-lineup.module#MatchDetailsLineupPageModule'
          }
        ]
      },
      {
        path: '',
        redirectTo: '/match-details/match-details-info',
        pathMatch: 'full'
      }
    ]
  },
  {
    path: '',
    redirectTo: '/match-details/match-details-info',
    pathMatch: 'full'
  }
];

@NgModule({
  imports: [RouterModule.forChild(routes)],
  exports: [RouterModule]
})
export class MatchDetailsPageRoutingModule {}

Сводит меня с ума !!!!!!!!

1 Ответ

1 голос
/ 17 апреля 2020

Из того, что я вижу, ваши маршруты настроены таким образом, что путь будет match-details/match-details/match-details-info из-за обоих маршрутов, включая match-details

, попробуйте изменить маршруты в match-details-routing.module.ts как показано ниже 

const routes: Routes = [
  {
    path: '',
    component: MatchDetailsPage,
    children: [
      {
        path: 'match-details-info',
        children: [
          {
            path: '',
            loadChildren: '../match-details-info/match-details-info.module#MatchDetailsInfoPageModule'
          }
        ]
      },
      {
        path: 'match-details-lineup',
        children: [
          {
            path: '',
            loadChildren: '../match-details-lineup/match-details-lineup.module#MatchDetailsLineupPageModule'
          }
        ]
      },
      {
        path: '',
        redirectTo: '/match-details/match-details-info',
        pathMatch: 'full'
      }
    ]
  }
];
...