Ember Octane: ember-g-recaptcha reCaptchaResponse返回为未定义

Question

我正在升级到Ember Octane，我正在使用ember-g-recaptcha https://www.npmjs.com/package/ember-g-recaptcha。项目README.MD尚未更新以反映Ember Octane。组件js中的reCaptchaResponse总是返回undefined。我该如何解决这个问题？

我已经在https://ember-twiddle.com/509eb1c04c9c7d908d16ba2a2bb39ba5这里发布了Ember-Twiddle。注意:您需要提供一个sitekey才能使用它。

这就是我要做的：

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

我在这里发布了GitHub中的代码：https://github.com/IlliterateUser/GoogleReCaptcha

但是，页面不会显示，控制台也不会抛出任何错误。当我有更多的时间时，我需要在周末看看这个。

Answer 1

GRecaptcha插件正在从配置环境文件中获取站点密钥，您可以按如下方式进行设置

 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}} 
 />

这对我很有效