NullInjectorError：没有 ReCaptchaV3Service 的提供者

Question

我需要集成 reCaptchaV3，所以我遵循了 ng -recaptcha-npm
\n这是我在ng-recaptcha-npm.
\n我的模块
\nimport { RecaptchaV3Module, RECAPTCHA_V3_SITE_KEY } from \'ng-recaptcha\';

\n

imports: [\n  ...\n  RecaptchaV3Module\n],\nproviders: [\n  AuthResolver,\n  { provide: RECAPTCHA_V3_SITE_KEY, useValue: environment.RECAPTCHA_KEY }\n]\n

\n

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

\n

constructor(\n  ...\n  private recaptchaV3Service: ReCaptchaV3Service\n) {}\n\n\npublic onSendClicked(): void {\n  this.recaptchaV3Service.execute(\'importantAction\')\n  .subscribe((token) => {\n    console.log(\'token = \', token);\n});\n

\n

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

\n

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

\n

Answer 1

在提供程序中添加 ReCaptchaV3Service

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