AppRouting.ts
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';
import { HomeComponent } from '../buyer/home/home.component';
const routes: Routes = [
{path: '', redirectTo:'buyer', pathMatch:"full"}
]
@NgModule({
declarations:[],
imports:[
BrowserModule,
RouterModule.forRoot(routes)
],
exports:[RouterModule]
})
export class AppRoutingModule {}
BuyerRouting.ts
import {CommonModule} from '@angular/common';
import {NgModule} from '@angular/core';
import { Routes,RouterModule } from '@angular/router';
import { WelcomeComponent } from './welcome/welcome.component';
import { HomeComponent } from './home/home.component';
@NgModule({
declarations:[],
imports:[
CommonModule,
RouterModule.forChild([
{ path: 'buyer', component: HomeComponent},
{ path: '', redirectTo: '/welcome', pathMatch: 'prefix'},
{ path: 'welcome', component: WelcomeComponent}
])
],
exports:[RouterModule]
})
export class BuyerRoutingModule {}
When I ng serve the app. the build was successfully created but when i run the app I got an error. I have also checked by removing emtpy path still this error is coming.
main.ts:12 Error: Invalid configuration of route '': routes must have either
a path or a matcher specified
wherever in NgModule config (including RouterModule, TranslateModule and other) you can use only exported variables and functions (as in case of URLMatcher), but you can not use function to calculate value.
Source: https://github.com/angular/angular/issues/18662
So according to the above solution, you may have some route (including child routes) where you are using any un exported variables or functions to calculate the route. Check.