This is what seems to fix the problem with ion-title etc
import { CommonModule } from '@angular/common'; // contains angular2 components like *ngIf
import { IonicModule } from 'ionic-angular'; // contains ionic2 components like <ion-title>
@NgModule({
imports: [
CommonModule, // for ng2 directives
IonicModule.forRoot(`root element here`), // root element for this module
],
declarations: [
TabsPage,
...
],
exports:[
TabsPage,
...
],
providers[]
})
export class PagesModule {}
But I’m still not able to use TabsPage from this module in the AppModule
app.module.ts
// ...
import { PagesModule } from '../pages/pages.module';
@NgModule({
declarations: [
MyApp,
PagesModule,
],
imports: [
IonicModule.forRoot(MyApp),
PagesModule.forRoot(),
],
bootstrap: [IonicApp],
entryComponents: [
MyApp,
],
providers: []
})
export class AppModule {}
That issue is more accurately addressed in this post: How do you import a Component that is exported by a Feature Module?