在本地项目中使用 Angular 库组件 - 不工作

Question

我创建了一个包含我的项目和库的 Angular 工作区。 下面是项目结构：

我已经建立了我的库 -（这使用表单模块）

ng build demo-lib

它编译成功并在 dist 文件夹中创建一个文件夹。

现在我已经在 app.module.ts 中导入了模块并在 import 下添加：

import { DemoFormComponent, DemoLibModule } from 'demo-lib'
.
.
@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,
    AppRoutingModule,
    DemoLibModule,
    DemoFormComponent
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

但是当我为我的应用程序提供服务时，我得到了以下错误，我不确定我做错了什么：-

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 {
                       ~~~~~~~~~~~~~~~~~

谁能帮我解决这个问题？

Answer 1

您只能将模块导入到您的模块中。您不能（也不需要）导入组件。

您的库模块导出组件。当您在应用程序中使用该组件时，这足以让 Angular 找到该组件。

import { DemoLibModule } from 'demo-lib'
.
.
@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,
    AppRoutingModule,
    DemoLibModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }