Este es mi app-rounting.module
import { NgModule } from '@angular/core';
import { PreloadAllModules, RouterModule, Routes } from '@angular/router';
const routes: Routes = [
{ path: '', loadChildren: './components/form/form.module#FormModule' },
];
@NgModule({
imports: [
RouterModule.forRoot(routes, { preloadingStrategy: PreloadAllModules })
],
exports: [RouterModule]
})
export class AppRoutingModule {}
Y este es el Form Module que se carga en el app-rounting.module
import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { FormsRoutingModule } from '../form/forms-routing.module';
@NgModule({
declarations: [],
imports: [
CommonModule,
FormsRoutingModule
]
})
export class FormsModule { }
Y este es mi Form Routing donde estan las rutas que se llaman del Form Module
import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';
import { DatosComponent } from './datos/datos.component';
const routes: Routes = [
{
path: 'datos',
component: DatosComponent
}
];
@NgModule({
imports: [RouterModule.forChild(routes)],
exports: [RouterModule]
})
export class FormsRoutingModule { }
Pero cuando cargo mi formulario en el navegador en la consola me aparece este error y no me carga el componente
Error: Uncaught (in promise): Error: Cannot find module './components/form/form.module' Error: Cannot find module './components/form/form.module'