项目要把顶部返回按钮抽成单个组件,于是使用ionic g component xx/xx/back 生成了组件文件
back.component.html中使用了ion-buttons
然后在公共的sharedModule里引入了这个组件:
@NgModule({
declarations: [BackComponent],
imports: [CommonModule],
exports: [BackComponent],
})
export class SharedModule {}
结果一直报错:
Uncaught Error: Template parse errors:
'ion-back-button' is not a known element:
1. If 'ion-back-button' is an Angular component, then verify that it is part of this module.
2. If 'ion-back-button' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("
[ERROR ->]
......
这是因为没引入IonicModule引起的,在sharedModule里引入就好了:
@NgModule({
declarations: [BackComponent],
imports: [CommonModule, IonicModule],
exports: [BackComponent],
})
export class SharedModule {}