问题描述
我在this topic中遇到了类似的问题,但是它的解决方案并没有帮助我。 因此,我试图从库中导出组件,然后在主应用程序中扩展组件。接下来是我的图书馆结构
在我的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 (将#修改为@)