I am using the latest version of ionic (CLI 3.19.0) and started a blank project. I added a lazy loaded home page and then created a custom component called
<custom-item>. I can get it to load fine by adding schemas: [ CUSTOM_ELEMENTS_SCHEMA ] to my app.module.ts but if I use Ionic components inside this custom component, the ionic styles do not get applied.
My home page contains:
<ion-content padding> <button ion-button color="primary">Button outside of component</button> <custom-item></custom-item> </ion-content>
this first button displays fine with the Ionic styles.
<custom-item> I have:
<div> <button ion-button color="primary">Button inside of component</button> </div>
…so these two buttons should be identical. In my case, the button inside my custom component just shows up as a small grey button. Anyone had this problem before?