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。我该如何解决？

我已经在此处发布了 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

不过，页面没有显示，控制台也没有抛出任何错误。周末有空的时候再看看这个。

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

这对我有用