for example,
ERROR Error: Uncaught (in promise): Error: Cannot match any routes. URL Segment: "login"
Error: Cannot match any routes. URL Segment: "login"
error?
I uploaded the project file archive:
https://pan.baidu.com/s/10p5A_QM5RyS8S91cm9iiyg
Note:
is not used in app.component, so a child route login-routing.module.ts is established
directory structure:
1.app-routing.module.ts
import { NgModule } from "@angular/core";
import { RouterModule, Routes } from "@angular/router";
import { AppComponent } from "./app.component";
const routes: Routes = [
{ path: "", redirectTo: "/login", pathMatch: "full" }
];
@NgModule({
imports: [RouterModule.forRoot(routes)],
exports: [RouterModule]
})
export class AppRoutingModule {}
2.app.module.ts
import { BrowserModule } from "@angular/platform-browser";
import { NgModule } from "@angular/core";
import { CoreModule } from "./core/core.module";
import { MdSidenavModule } from "@angular/material";
import { AppComponent } from "./app.component";
import { AppRoutingModule } from "./app-routing.module";
@NgModule({
declarations: [
AppComponent
],
imports: [
BrowserModule,
MdSidenavModule,
CoreModule,
AppRoutingModule
],
providers: [],
bootstrap: [AppComponent]
})
export class AppModule { }
3.login-routing.module.ts
import { NgModule } from "@angular/core";
import { RouterModule, Routes } from "@angular/router";
import { LoginComponent } from "./login/login.component";
const routes: Routes = [
{ path: "login", component: LoginComponent }
];
@NgModule({
imports: [RouterModule.forChild(routes)],
exports: [RouterModule]
})
export class LoginRoutingModule {}
4.login.module.ts
import { NgModule } from "@angular/core";
import { LoginComponent } from "./login/login.component";
import { LoginRoutingModule } from "./login-routing.module";
import { SharedModule } from "../shared/shared.module";
@NgModule({
imports: [
SharedModule,
LoginRoutingModule
],
declarations: [LoginComponent]
})
export class LoginModule { }