Creé un espacio de trabajo angular que contiene mi proyecto y biblioteca. A continuación se muestra la estructura del proyecto:
Construí mi biblioteca - (Esto usa el módulo de formulario)
ng build demo-liby se compila con éxito y crea una carpeta dentro de la carpeta dist.
Ahora importé el módulo dentro de app.module.ts y lo agregué bajo importación:
import { DemoFormComponent, DemoLibModule } from 'demo-lib' . . @NgModule({ declarations: [ AppComponent ], imports: [ BrowserModule, AppRoutingModule, DemoLibModule, DemoFormComponent ], providers: [], bootstrap: [AppComponent] }) export class AppModule { }Pero cuando entrego mi solicitud, aparece el siguiente error, no estoy seguro de lo que estoy haciendo mal: -
Error: dist/demo-lib/lib/demo-form/demo-form.component.d.ts:4:22 - error NG6002: Appears in the NgModule.imports of AppModule, but could not be resolved to an NgModule class. This likely means that the dependency (demo-lib) which declares DemoFormComponent has not been processed correctly by ngcc. 4 export declare class DemoFormComponent implements OnInit { ~~~~~~~~~~~~~~~~~¿Alguien puede ayudarme con este problema?
Solo puede importar módulos a su módulo. No puede (y no necesita) importar componentes.
Su módulo de biblioteca exporta el componente. Eso es suficiente para que Angular encuentre el componente cuando lo usa en su aplicación.
import { DemoLibModule } from 'demo-lib' . . @NgModule({ declarations: [ AppComponent ], imports: [ BrowserModule, AppRoutingModule, DemoLibModule ], providers: [], bootstrap: [AppComponent] }) export class AppModule { }