Al momento mantengo el siguiente error ![]( Por lo que dice entiendo que, existe un problema al importar el routing module, pero he revis...

Bryan Estiven Silva Mercado

Bryan Estiven Silva Mercado

Pregunta
studenthace 5 años

Al momento mantengo el siguiente error

![](error.PNG

Por lo que dice entiendo que, existe un problema al importar el routing module, pero he revisado y no veo algo que este mal en las declaraciones de routing.

Al momento esta es mi estructura de archivos

![](estructura.PNG

home-routing.module.ts

import { NgModule } from '@angular/core'; import { Routes, RouterModule, PreloadAllModules } from '@angular/router'; import { HomeComponent } from './components/home/home.component'; const routes: Routes = [ {path : '', component : HomeComponent}, ]; @NgModule({ declarations: [], imports: [ RouterModule.forChild(routes), // TODO: que hace esta linea ], exports: [ RouterModule, ], providers: [], }) export class FeatureModule {} export class HomeRoutingModule{}

home.module.ts

import { NgModule } from '@angular/core'; import { CommonModule } from '@angular/common'; import { BannerComponent } from '../home/components/banner/banner.component'; import { HomeComponent } from '../home/components/home/home.component'; import { HomeRoutingModule } from './home-routing.module'; @NgModule({ declarations: [ BannerComponent, HomeComponent ], imports: [ CommonModule, HomeRoutingModule ] }) export class HomeModule { }

Gracias por cualquier comentario que me ayuda a resolver el problema o me oriente a verlo desde otra perspectiva.

3 respuestas
para escribir tu comentario
    Bryan Estiven Silva Mercado

    Bryan Estiven Silva Mercado

    studenthace 5 años

    Gracias, en efecto era el error por esa clase que se estaba exportando de la cual no me había percatado.

    Nicolas Molina

    Nicolas Molina

    teacherhace 5 años

    Hola!

    Al parecer tu HomeRoutingModule esta mal implementado:

    import { NgModule } from '@angular/core'; import { Routes, RouterModule, PreloadAllModules } from '@angular/router'; import { HomeComponent } from './components/home/home.component'; const routes: Routes = [ { path: '', component: HomeComponent } ]; @NgModule({ imports: [ RouterModule.forChild(routes), ], exports: [ RouterModule ] }) export class HomeRoutingModule {}

    Tienes un

    FeatureModule
    raro... puedes ver el código directo aquí: https://github.com/platzi/platzi-store/blob/23-lazy-loading-2/src/app/home/home-routing.module.ts

    Erik Ochoa

    Erik Ochoa

    studenthace 5 años

    En el error sugiera que añadas la anotación @NgModule, ¿has intentado eso?

Curso de Angular [Empieza Gratis]

Curso de Angular [Empieza Gratis]

Entiende los conceptos fundamentales de Angular 8. Conoce la arquitectura de este Framework para que programes aplicaciones web con sus mejores prácticas. Conecta tus aplicaciones con una API para obtener datos de un sistema de Backend. Crea una tienda en línea y publícala en Internet con Firebase.

Curso de Angular [Empieza Gratis]
Curso de Angular [Empieza Gratis]

Curso de Angular [Empieza Gratis]

Entiende los conceptos fundamentales de Angular 8. Conoce la arquitectura de este Framework para que programes aplicaciones web con sus mejores prácticas. Conecta tus aplicaciones con una API para obtener datos de un sistema de Backend. Crea una tienda en línea y publícala en Internet con Firebase.