angular - 空注入(inject)器错误 : No provider for ReCaptchaV3Service

Question

我需要集成 reCaptchaV3，所以我遵循了 ng-recaptcha-npm
这是我在 ng-recaptcha-npm 的帮助下实现的基本代码。
我的模块
从 'ng-recaptcha' 导入 { RecaptchaV3Module, RECAPTCHA_V3_SITE_KEY };

imports: [
  ...
  RecaptchaV3Module
],
providers: [
  AuthResolver,
  { provide: RECAPTCHA_V3_SITE_KEY, useValue: environment.RECAPTCHA_KEY }
]

我的组件
从 'ng-recaptcha' 导入 { ReCaptchaV3Service };

constructor(
  ...
  private recaptchaV3Service: ReCaptchaV3Service
) {}


public onSendClicked(): void {
  this.recaptchaV3Service.execute('importantAction')
  .subscribe((token) => {
    console.log('token = ', token);
});

但它返回错误响应，这是控制台错误。

NullInjectorError: No provider for ReCaptchaV3Service!
NullInjectorError: R3InjectorError(AppModule)[ReCaptchaV3Service -> ReCaptchaV3Service -> ReCaptchaV3Service]:
NullInjectorError: No provider for ReCaptchaV3Service!
at NullInjector.get (core.js:1085)
at R3Injector.get (core.js:16968)
at R3Injector.get (core.js:16968)
at R3Injector.get (core.js:16968)
at NgModuleRef$1.get (core.js:36342)
at Object.get (core.js:33985)
at getOrCreateInjectable (core.js:5848)
at Module.ɵɵdirectiveInject (core.js:21116)
at NodeInjectorFactory.ContactUsComponent_Factory [as factory] (contact-us.component.ts:19)
at getNodeInjectable (core.js:5993)
at resolvePromise (zone-evergreen.js:798)
at resolvePromise (zone-evergreen.js:750)
at zone-evergreen.js:860
at ZoneDelegate.invokeTask (zone-evergreen.js:399)
at Object.onInvokeTask (core.js:41645)
at ZoneDelegate.invokeTask (zone-evergreen.js:398)
at Zone.runTask (zone-evergreen.js:167)
at drainMicroTaskQueue (zone-evergreen.js:569)

Answer 1

在提供者中添加 ReCaptchaV3Service

import { ReCaptchaV3Service } from 'ng-recaptcha';
    imports: [
      ...
      RecaptchaV3Module
    ],
    providers: [
    ReCaptchaV3Service,
      AuthResolver,
      { provide: RECAPTCHA_V3_SITE_KEY, useValue: environment.RECAPTCHA_KEY }
    ]