Template parse errors when using the module in Ionic 3 about ngx-country-picker HOT 13 OPEN

import { ErrorHandler, NgModule } from '@angular/core';
import { HttpModule, Http } from '@angular/http';
import { HTTP_INTERCEPTORS, HttpClientModule } from "@angular/common/http";
import { BrowserModule } from '@angular/platform-browser';
import { SplashScreen } from '@ionic-native/splash-screen';
import { StatusBar } from '@ionic-native/status-bar';
import { IonicStorageModule, Storage } from '@ionic/storage';
import { TranslateLoader, TranslateModule } from '@ngx-translate/core';
import { TranslateHttpLoader } from '@ngx-translate/http-loader';
import { IonicApp, IonicErrorHandler, IonicModule } from 'ionic-angular';
import { CustomConfig, Ng2UiAuthModule } from 'ng2-ui-auth';
import { InAppBrowser } from '@ionic-native/in-app-browser';
import { CountryPickerModule } from 'ngx-country-picker';

import { Signals } from '../providers/providers';
import { Settings } from '../providers/providers';
import { User } from '../providers/providers';
import { Api } from '../providers/providers';
import { ApiHttpInterceptor } from '../providers/providers';
import { CONFIG } from '../config';

import { MainApp } from './app.component';

// The translate loader needs to know where to load i18n files
// in Ionic's static asset pipeline.
export function HttpLoaderFactory(http: Http) {
  return new TranslateHttpLoader(http, './assets/i18n/', '.json');
}

export class AppAuthConfig extends CustomConfig {
  defaultHeaders = {'Content-Type': 'application/json'};
  httpInterceptor = function() { return true; };
  providers = {
    google: { clientId: CONFIG.GOOGLE_CLIENT_ID },
    facebook: { clientId: CONFIG.FACEBOOK_KEY }
  };
  withCredentials = false;
  tokenRoot = null;
  tokenName = 'token';
  tokenPrefix = 'satellizer';
  authHeader = 'Authorization';
  authToken = 'Bearer';
  storageType: 'localStorage';
  baseUrl = CONFIG.API_ENDPOINT;
}

export function provideSettings(storage: Storage) {
  /**
   * The Settings provider takes a set of default settings for your app.
   *
   * You can add new settings options at any time. Once the settings are saved,
   * these values will not overwrite the saved values (this can be done manually if desired).
   */
  return new Settings(storage, {
    subscribed: false,
    paused_subscription: false,
    name: '',
    email: '',
    subscription_id: '',
    subscription_amount: '',
  });
}

@NgModule({
  declarations: [
    MainApp
  ],
  imports: [
    BrowserModule,
    HttpModule,
    HttpClientModule,
    TranslateModule.forRoot({
      loader: {
        provide: TranslateLoader,
        useFactory: HttpLoaderFactory,
        deps: [Http]
      }
    }),
    IonicModule.forRoot(MainApp),
    IonicStorageModule.forRoot(),
    Ng2UiAuthModule.forRoot(AppAuthConfig),
    CountryPickerModule.forRoot()
  ],
  bootstrap: [IonicApp],
  entryComponents: [
    MainApp
  ],
  providers: [
    Api,
    Signals,
    User,
    SplashScreen,
    StatusBar,
    InAppBrowser,
    { provide: Settings, useFactory: provideSettings, deps: [Storage] },
    { provide: HTTP_INTERCEPTORS, useClass: ApiHttpInterceptor, multi: true },
    // Keep this to enable Ionic's runtime error handling during development
    { provide: ErrorHandler, useClass: IonicErrorHandler }
  ]
})
export class AppModule { }

Template parse errors:
'country-picker' is not a known element:
1. If 'country-picker' is an Angular component, then verify that it is part of this module.
2. If 'country-picker' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. 
("
     [ERROR ->]<country-picker></country-picker>
")