Circular Dependency of TourStepTemplateService - ngx-ui-tour-md-menu v8.1.2

[avikothari]

ERROR NullInjectorError: R3InjectorError(AppModule)[TourStepTemplateService -> TourStepTemplateService -> TourStepTemplateService]:
NullInjectorError: No provider for TourStepTemplateService!
at NullInjector.get (core.js:11207:1)
at R3Injector.get (core.js:11374:1)
at R3Injector.get (core.js:11374:1)
at R3Injector.get (core.js:11374:1)
at NgModuleRef$1.get (core.js:25439:1)
at Object.get (core.js:25153:1)
at lookupTokenUsingModuleInjector (core.js:3355:1)
at getOrCreateInjectable (core.js:3467:1)
at Module.ɵɵdirectiveInject (core.js:14843:1)
at NodeInjectorFactory.TourStepTemplateComponent_Factory [as factory] (ngx-ui-tour-md-menu.mjs:20:102)

[hakimio]

Seems like an issue with your code. Are you trying to extend TourService?
Can you create a reproduction of your issue?

[avikothari]

I followed the steps mentioned over here

https://stackblitz.com/edit/angular-wau2z8?file=src%2Fapp%2Fui-tour-demo.component.html

[hakimio]

You have to follow the steps here: https://hakimio.github.io/ngx-ui-tour/md-menu/Setup#installation
Have you imported TourMatMenuModule.forRoot() in your app module?

[avikothari]

I missed the note over there, Thank you !

[avikothari]

Is there no backdrop option in version 8

[hakimio]

backdropConfig was introduced in 9.1.0: https://github.com/hakimio/ngx-ui-tour/releases/tag/v9.1.0
You can read the CHANGELOG to find out which feature was introduced when.