Ember Octane: ember-g-recaptcha reCaptchaResponse возвращается как неопределенное - PullRequest
Новая
       10

Ember Octane: ember-g-recaptcha reCaptchaResponse возвращается как неопределенное

1 голос
/ 16 апреля 2020

Я обновляюсь до Ember Octane и использую ember-g-recaptcha https://www.npmjs.com/package/ember-g-recaptcha. Проект README.MD не был обновлен для отражения Ember Octane. ReCaptchaResponse в компоненте js продолжает возвращаться undefined. Как я могу это исправить?

Я разместил Ember-Twiddle здесь https://ember-twiddle.com/509eb1c04c9c7d908d16ba2a2bb39ba5. Примечание: вам нужно предоставить ключ сайта, чтобы использовать его.

Вот что я делаю: 

<GRecaptcha 
    @size="normal" 
    @sitekey={{this.siteKey}} 
    @onSuccess={{action "onCaptchaResolved"}} 
    @onExpired={{action "onCaptchaExpired"}} 
    @ref={{mut this.googleRecaptcha}} 
/>

Я разместил код в GitHub здесь: https://github.com/IlliterateUser/GoogleReCaptcha

Хотя страница не отображается и консоль не выдает никаких ошибок. Мне нужно будет посмотреть на это в выходные, когда у меня будет больше времени.

1 Ответ

1 голос
/ 19 апреля 2020

GRecaptcha addon получает ключ сайта из файла конфигурации config, вы устанавливаете его следующим образом 

 gReCaptcha: {
      jsUrl: 'https://www.google.com/recaptcha/api.js?render=explicit', // default
      siteKey: '...lQ-sUAAAA...KGVMS6zlH_xry5fon9GP1..'
    }

не передавайте его в качестве аргумента, комментируйте импорт ключа сайта 

////import ENV from '../../config/environment';
...
//  siteKey = ENV.gRecaptcha.siteKey;

и назовите его без аргумента ключа сайта, 

<GRecaptcha
          @size="normal" 
          @onSuccess={{action "onCaptchaResolved"}} 
          @onExpired={{action "onCaptchaExpired"}} 
          @ref={{mut this.googleRecaptcha}} 
 />

это сработало для меня

...