Непойманный (в обещании): ошибка: не удается сопоставить ни один маршрут. сегмент url: 'категории / вход'

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

 ERROR Error: Uncaught (in promise): Error: Cannot match any routes. URL Segment: 'categories/signIn'
Error: Cannot match any routes. URL Segment: 'categories/signIn'
    at ApplyRedirects.push../node_modules/@angular/router/fesm5/router.js.ApplyRedirects.noMatchError (router.js:1384)
    at CatchSubscriber.selector (router.js:1365)
    at CatchSubscriber.push../node_modules/rxjs/_esm5/internal/operators/catchError.js.CatchSubscriber.error (catchError.js:33)
    at MapSubscriber.push../node_modules/rxjs/_esm5/internal/Subscriber.js.Subscriber._error (Subscriber.js:80)

я применил маршрутизацию через два файла в моем app.routing.ts

import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import {FrontendComponent} from './layouts/frontend/frontend.component';
import {CategoriesComponent} from './layouts/categories/categories.component';
import { Routes, RouterModule } from '@angular/router';
import {SignInComponent} from './layouts/sign-in/sign-in.component';

const routes: Routes = [
     {path: 'categories', component: CategoriesComponent},
     {path: 'signIn', component: SignInComponent},
     { path: '',      component: FrontendComponent }
 ];

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

в моем app.module.ts

 import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { FrontendModule } from './layouts/frontend/frontend.module';
import { FrontendComponent } from './layouts/frontend/frontend.component';
import { AppComponent } from './app.component';
import { AppRoutingModule } from './app-routing.module';
import { CategoriesComponent } from './layouts/categories/categories.component';
import { SignInComponent } from './layouts/sign-in/sign-in.component';

@NgModule({
  declarations: [
    AppComponent,
    CategoriesComponent,
    SignInComponent,
  ],
  imports: [
    BrowserModule,
    FrontendModule,
    CategoriesComponent,
    SignInComponent,
    AppRoutingModule
  ],
  providers: [],
  bootstrap: [AppComponent],
  entryComponents: [
        FrontendComponent,
  ],
})
export class AppModule { }

и в моем frontend.module.ts

import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { FrontendComponent } from './frontend.component';
import { HeaderComponent } from '../common/header/header.component';
import { FooterComponent } from '../common/footer/footer.component';
import {FormsModule} from '@angular/forms';
import {RouterModule, Routes} from '@angular/router';

const routes: Routes = [
  { path: 'home', component: FrontendComponent},
];

@NgModule({
  imports: [
    CommonModule,
    FormsModule,
    HeaderComponent,
    FooterComponent,
    RouterModule.forChild(routes),
  ],
  declarations: [
    FrontendComponent,
    HeaderComponent,
    FooterComponent,
    FilterPipe
  ],
  providers: [FilterPipe],
  exports:[RouterModule]
})
export class FrontendModule { }

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

0
0
868
1

Ответы 1

Как я вижу, в вашей конфигурации маршрутов нет конфигурации для маршрута 'categories/signIn'

Если вам нужна вложенная маршрутизация, у вас должны быть дочерние элементы по категориям,

 path: 'categories', component: CategoriesComponent,
 children: [{ path: 'categories/signin', component: SignInComponent}]

если не просто использовать / войти в приложение

Я обновил свой файл app.routing.module, проверьте и сообщите мне, в чем проблема

Komalpreet Singh 26.10.2018 06:53

нет, мне не нужна вложенная маршрутизация, мне просто нужна простая маршрутизация, которая может заставить меня перемещаться по различным компонентам. например, если я перехожу из дома в категории, я также должен иметь возможность переходить из категорий для входа в систему. В этом конкретном случае это вызывает ошибку

Komalpreet Singh 26.10.2018 07:07

тогда ваш маршрут должен быть таким, как yourapp / signin

Sajeetharan 26.10.2018 07:09

сэр, не могли бы вы указать, где я должен внести изменения

Komalpreet Singh 26.10.2018 07:10

я просто указываю как кнопку <a routerlink ="signIn"> </a>. Другая маршрутизация выполняется только в указанных выше файлах.

Komalpreet Singh 26.10.2018 07:14

попробуйте этот routerLink = [/ signIn ']> </a>

Sajeetharan 26.10.2018 07:22

Другие вопросы по теме