Me gustaría saber cómo importar un módulo sin que tenga prioridad sobre el módulo principal. Estoy tratando de entender por qué mi módulo importado anula el componente de entrada de los módulos principales. QuotesModule a mi CompaniesModule para que sus componentes estén disponibles para mi CompaniesModule . Cuando el QuotesModule se importa como se muestra aquí:
CompaniesModule (lazyloaded)
const ROUTES: Routes = [ {path: '', component: CompaniesComponent} ]; @NgModule({ declarations: [ CreateCompanyComponent, CompaniesComponent ], providers: [ ], imports: [ QuotesModule, FormsModule, ReactiveFormsModule, GlobalModule, CommonModule, RouterModule.forChild(ROUTES) ], exports: [ ], schemas: [ CUSTOM_ELEMENTS_SCHEMA ], entryComponents: [ CompaniesComponent ] }) ... y trato de navegar a la ruta CompaniesComponent , el componente de entrada QuotesModule se resuelve en su lugar. ¡Cualquier idea sería muy apreciada!
Aquí están mis rutas de QuotesModule y NgModule:
const ROUTES: Routes = [ {path: '', component: QuotesComponent} ]; @NgModule({ declarations: [ QuotesComponent ], providers: [ ], imports: [ CommonModule, GlobalModule, RouterModule.forChild(ROUTES) ], exports: [ ] })Publicaré como respuesta entonces (basado en los comentarios anteriores) ...
... el problema parece ser su enrutador, no los módulos con carga diferida (dependiendo de si esos módulos se están cargando correctamente). Verifique que las rutas secundarias frente a las rutas principales no se sobrescriban entre sí.
Y contento de haber ayudado. Rastrear los problemas del enrutador puede ser un oso.
El problema era el enrutamiento. Utilicé diferentes rutas para cargar de forma diferida mi QuotesModule independientemente de CompanyModule y cuando se importó, las rutas de QuotesModule coincidieron y luego sobrescribieron las rutas de los módulos de importación.