Ionic button showing 'ion-button' is not a known element

Question

I am new to ionic, it seems like a silly question but I need some help Using some simple button is throwing error. I am using ionic 4.0.

'ion-button' is not a known element: 1. If 'ion-button' is an Angular component, then verify that it is part of this module. 2. If 'ion-button' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.

<ion-button color="primary">Primary</ion-button> 

Answer 1

Try this,

<button ion-button color="primary">Primary</button> 

Answer 2

In order to avoid that error message:

1. Import CUSTOM_ELEMENTS_SCHEMA into app.modules.ts:

    import { ErrorHandler, NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core'; 

2. Add schema: [CUSTOM_ELEMENTS_SCHEMA] to app.modules.ts as below:

    @NgModule({       declarations: [         MyApp,         HomePage       ],       imports: [         BrowserModule,         HttpClientModule,         MomentModule,         IonicModule.forRoot(MyApp),       ],       bootstrap: [IonicApp],       entryComponents: [         MyApp,         HomePage       ],       providers: [         StatusBar,         SplashScreen,         {provide: ErrorHandler, useClass: IonicErrorHandler},       ],       schemas: [CUSTOM_ELEMENTS_SCHEMA]     })