StripeService injection error

[gregoiregentil]

With both version 14 and 16, I get the same bug as #99

ERROR Error: Uncaught (in promise): NullInjectorError: R3InjectorError(HomePageModule)[StripeService -> StripeService -> StripeService]: NullInjectorError: No provider for StripeService! NullInjectorError: R3InjectorError(HomePageModule)[StripeService -> StripeService -> StripeService]: NullInjectorError: No provider for StripeService! at NullInjector.get (core.mjs:8853:27) at R3Injector.get (core.mjs:9292:33) at R3Injector.get (core.mjs:9292:33) at R3Injector.get (core.mjs:9292:33) at ChainedInjector.get (core.mjs:13981:36) at lookupTokenUsingModuleInjector (core.mjs:4484:39) at getOrCreateInjectable (core.mjs:4532:12) at Module.ɵɵdirectiveInject (core.mjs:11764:19) at NodeInjectorFactory.IdentityComponent_Factory [as factory] (identity.component.ts:10:31) at getNodeInjectable (core.mjs:4738:44) at resolvePromise (zone.js:1193:31) at resolvePromise (zone.js:1147:17) at zone.js:1260:17 at _ZoneDelegate.invokeTask (zone.js:402:31) at core.mjs:10715:55 at AsyncStackTaggingZoneSpec.onInvokeTask (core.mjs:10715:36) at _ZoneDelegate.invokeTask (zone.js:401:60) at Object.onInvokeTask (core.mjs:11028:33) at _ZoneDelegate.invokeTask (zone.js:401:60) at Zone.runTask (zone.js:173:47)

My code is:

import { Component } from '@angular/core'; import { HttpClient } from '@angular/common/http'; import { StripeService } from 'ngx-stripe';

@Component({ selector: 'ngstr-identity', templateUrl: './identity.component.html' })

export class IdentityComponent {

constructor(private httpClient: HttpClient, private stripeService: StripeService) {}

verify() { this.httpClient.post("identity.json", "", { headers:{"content-type": "application/x-www-form-urlencoded"} }).subscribe((response) => { return this.stripeService.verifyIdentity(response["ephemeral_key_secret"]); }, (error) => { alert(error); }); }

}

Am I doing something wrong or is there still a problem in ngx-stripe?

[richnologies]

Hi @gregoiregentil, are importing NgxStripeModule in your application?

[gregoiregentil]

I apologize, I gave up on that road. I used directly the stripe.js in my page.

[matheo]

I realized that standalone components works passing the custom [stripe] reference input from injectStripe() because that wasn't clear in the documentation tho.

I had to add NgxStripeModule.forRoot() to my lazy loaded module because I got No provider for _StripeFactoryService! without it :thinking: