NullInjectorError: No provider for ReCaptchaV3Service

Question

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

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

我的组件
import { ReCaptchaV3Service } from 'ng-recaptcha';

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


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

但它 returns 一个错误的响应，这是控制台错误。

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.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 }
    ]

Answer 2

我解决了这个问题。
我将基本代码 import { RecaptchaV3Module, RECAPTCHA_V3_SITE_KEY } from 'ng-recaptcha'; 和 { provide: RECAPTCHA_V3_SITE_KEY, useValue: environment.RECAPTCHA_KEY } 移到了根模块 (app.module.ts) 并且它起作用了。