Версия 6 Angular CLI генерирует модуль маршрутизации по-другому, мой app-routing.ts выглядит следующим образом:
import { Routes, RouterModule } from '@angular/router';
import { HomeComponent } from './components/home/home.component';
import { TodoComponent } from './components/todo/todo.component';
const routes: Routes = [
{ path: '', redirectTo: 'home', pathMatch: 'full' },
{ path: 'home', component: HomeComponent },
{ path: '**', redirectTo: 'home' },
{ path: 'todo', component: TodoComponent }
];
export const AppRoutes = RouterModule.forRoot(routes);
Но моя консоль браузера указывает на последнюю строку и показывает следующую ошибку:
Uncaught TypeError: _angular_router__WEBPACK_IMPORTED_MODULE_0 __. RouterModule.forRootd не является функцией
![enter image description here](https://i.stack.imgur.com/zmAQj.jpg)
После просмотра сети и не удалосьнайти ответ и здесь , я бы спросил, нормально ли, что CLI 6 не генерирует больше модуля маршрутизации, который реализует @ngModule с его импортом и экспортом, как это было в предыдущих версиях, пример:
@NgModule({
imports: [
RouterModule.forChild(crisisCenterRoutes)
],
exports: [
RouterModule
]
})
Если нет, каково решение этой ошибки?
Обновление: и вот код для моего app-shared.module:
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { HttpClientModule, HTTP_INTERCEPTORS } from '@angular/common/http';
import { AppComponent } from './app.component';
import { AppRoutes } from './app.routing';
import { NavMenuComponent } from './components/navmenu/navmenu.component';
import { HomeComponent } from './components/home/home.component';
import { TodoModule } from './components/todo/todo.module';
import { FormsModule } from '@angular/forms';
import { CommonModule } from '@angular/common';
import { HeaderInterceptor } from './core/header.interceptor';
@NgModule({
declarations: [
AppComponent,
NavMenuComponent,
HomeComponent
],
imports: [
TodoModule,
CommonModule,
HttpClientModule,
FormsModule,
BrowserModule,
AppRoutes
],
providers: [
{
provide: HTTP_INTERCEPTORS,
useClass: HeaderInterceptor,
multi: true
}
],
bootstrap: [AppComponent]
})
export class AppSharedModule { }