Как я могу правильно установить ngx-recaptcha на мой проект? - PullRequest
Новая
       17

Как я могу правильно установить ngx-recaptcha на мой проект?

0 голосов
/ 26 января 2019

Я делаю форму для регистрации рекламы, но когда я установил рекапчу, она не работает Хорошо, я не могу сбросить или перезагрузить ее и т. Д., Я следовал инструкциям к письму и ничего, это страница, значит введите описание ссылки здесь 

<ngx-recaptcha2 #captchaElem
  [siteKey]="siteKey"
  (reset)="handleReset()"
  (expire)="handleExpire()"
  (load)="handleLoad()"
  (success)="handleSuccess($event)"
  [useGlobalDomain]="false"
  [size]="size"
  [hl]="lang"
  [theme]="theme"
  [type]="type"
  formControlName="recaptcha">
</ngx-recaptcha2>

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { RouterModule } from '@angular/router';

import { HttpClientModule } from '@angular/common/http';
import { FormsModule,ReactiveFormsModule } from "@angular/forms";
import { NgxCaptchaModule } from 'ngx-captcha';

@NgModule({
  declarations: [
    CreateadsComponent
  ],
  imports: [
    NgxCaptchaModule,
    ......

this.aFormGroup = this.formBuilder.group({
      recaptcha: ['', Validators.required]
    });

выдает эту ошибку:

ОШИБКА в ../node_modules/ngx-captcha/lib/components/base-recaptcha.component.d.ts(13,44): ошибка TS1039: инициализаторы недопустимы в окружающем контексте.../node_modules/ngx-captcha/lib/components/invisible-recaptcha.component.d.ts(13,31): ошибка TS1039: инициализаторы не допускаются в окружающем контексте.../node_modules/ngx-captcha/lib/components/recaptcha-2.component.d.ts(13,56): ошибка TS1039: инициализаторы недопустимы в окружающем контексте.

и позже ничего не работает, просто покажите правильный тег на странице, но я ничего не могу с ним сделать, без сброса, без проверки ... Кто-нибудь может помочь мне, пожалуйста.

1 Ответ

0 голосов
/ 02 февраля 2019

У меня была такая же ошибка, но я использовал reCaptcha v3.

Решением было понизить пакет до версии 5.0.4.

npm install ngx-captcha@5.0.4

[ReCaptcha V3]

При понижении рейтинга у метода execute меньше параметров. this.reCaptchaV3Service.execute(this.siteKey, 'homepage', (token) => { console.log('This is your token: ', token); });

[Удаление значка ReCaptcha V3]

Вкл. index.html добавить:

<style> .grecaptcha-badge { visibility: collapse !important; } </style>

...