0

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'

2 respuestas 2

0

Lo que puedes hacer es probar en tu archivo app-rounting.module cargar las rutas de esta forma:

const routes: Routes = [
    { path: '', redirectTo: '/form', pathMatch: 'full },
    { path: 'form', loadChildren: './components/form/form.module#FormModule'},
];

Como otra opción si estas usando angular 9 puedes usar esta otra forma:

const routes: Routes = [
   { path: '', redirectTo: '/form', pathMatch: 'full },
   { path: 'form', loadChildren: () => import('./components/form/form.module').then(m => m.FormModule),},

];

Espero te ayude

5
  • Sigue apareciendo el error
    – Alezco05
    el 29 abr. 2020 a las 18:04
  • ya corregi las ultimas lineas, en loadChildren el 29 abr. 2020 a las 18:06
  • aunque mejor es que pares tu proyecto y lo vuelvas a ejecutar el 29 abr. 2020 a las 18:07
  • 1
    Si efectivamente coloque la opcion de angular 9 y funciono
    – Alezco05
    el 29 abr. 2020 a las 19:05
  • Genial me alegra haberte ayudado :) el 29 abr. 2020 a las 21:30
0

Creo que tienes un typo en la ruta te falta "s" en FormModule porque el módulo se llama FormsModule.

const routes: Routes = [
  { path: '', loadChildren: './components/form/form.module#FormsModule' },
];

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.