角库导出组件,类,服务等

问题描述

我在this topic中遇到了类似的问题,但是它的解决方案并没有帮助我。 因此,我试图从库中导出组件,然后在主应用程序中扩展组件。接下来是我的图书馆结构

enter image description here

在我的pages.module.ts中,

@NgModule({
  declarations: [
    trailblazersComponent,],imports: [
    CommonModule,exports: [
    trailblazersComponent,providers: [
  ]
})

export class PagesModule {
}

carol-lb-lib.module.ts

@NgModule({
  declarations: [
    CarolLbLibComponent,PagesModule,StoreModule.forFeature(
      lbFeatureKey,LB_REDUCER_TOKEN,),EffectsModule.forFeature([GlobalBoardEffects])
  ],exports: [
    CarolLbLibComponent,providers: [
    {provide: LB_REDUCER_TOKEN,useFactory: getReducers}
  ]
})
export class CarolLblibmodule {
}

如您所见,我按照以上主题的建议导出了PagesModule。但是,当我在主项目中安装我的库并尝试像这样扩展我的组件时

import {trailblazersComponent} from 'carol-lb-lib/lib/pages/trailblazers/trailblazers.component';

...
export class trailblazersPageComponent extends trailblazersComponent implements OnInit {

  constructor(private activatedRoute: ActivatedRoute,store: Store<AppState>) {
    super(store);
  }
}

我有一个错误 ERROR in ./src/app/modules/leaderboard/pages/trailblazers/trailblazers-page.component.ts Module not found: Error: Can't resolve 'carol-lb-lib/lib/pages/trailblazers/trailblazers.component' in '/home/dd/Desktop/repos/dashboard/src/app/modules/leaderboard/pages/trailblazers'

此实现有什么问题?如何解决该问题,并使导入应用程序的组件更短?像import {component} from 'my-lib/components'

我的public.api文件也包含

export * from './lib/carol-lb-lib.service';
export * from './lib/carol-lb-lib.component';
export * from './lib/carol-lb-lib.module';
export * from './lib/pages/pages.module';

有什么想法/建议吗?

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)