Getting error ERROR nullinjectorerror: staticinjectorerror(appmodule)[lazyelementdirective -> lazyelementsloaderservice]

See more:

Angular8

I am consuming angular web component (built using angular elements) in another angular app which is hosted in IIS. I am using '

@angular-extensions/elements

' but giving console error "

ERROR NullInjectorError: StaticInjectorError(AppModule)[LazyElementDirective -> LazyElementsLoaderService]: 
  StaticInjectorError(Platform: core)[LazyElementDirective -> LazyElementsLoaderService]: 
    NullInjectorError: No provider for LazyElementsLoaderService!

"

What I have tried:

I have installed

npm i @angular-extensions/elements

//in app.module

import {LazyElementsModule} from '@angular-extensions/elements'

@NgModule({
 imports: [
    BrowserModule,
    AppRoutingModule,
    LazyElementsModule,
  ],
providers: [{ provide: LazyElementsModule}],

//in html

<pre><app-root
      *axLazyElement="'http://localhost:4200'">
    
    </app-root>