Angular-google-maps: 'agm-map' is not a known element

Hi All

i am a student learning angular and ionic
i am using angular cli 6.2.4 and ionic 4.2.1
I would like to make use of Angular Google Maps (AGM)

In the app.module.ts i have imported after running npm install @agm/core --save
import { AgmCoreModule } from '@agm/core';

in the @NgModule imports array i have added AgmCoreModule.forRoot({apiKey: 'API KEY HERE'})

When trying to add to one of my component pages created with the ionic cli i get the following error:
'agm-map' is not a known element:

1. If 'agm-map' is an Angular component, then verify that it is part of this module.
2. If 'agm-map' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.

the funny thing is that if i go to app.html i am able to successfully add the tag with no errors

any ideas what could be causing this issue