web-dev-qa-db-ja.com

Uncaught ReferenceError:Stripe is not defined-STRIPE ERROR

RailsアプリにStripe要素を実装しようとしていますが、stripe.jsを正しく含めることができないようです。これが私のapplication.htmlです。

<%= tag :meta, name: "stripe-key", content: Figaro.env.stripe_publishable_key %>
<script type="text/javascript" src="https://js.stripe.com/v3/"</script>
<script type="text/javascript" src="https://js.stripe.com/v2/"></script>

JS

var stripe = Stripe($("meta[name='stripe-key']").attr("content"))
var elements = stripe.elements();

var card = elements.create('card', {
  style: {
    base: {
      iconColor: '#999',
      color: '#505652',
      lineHeight: '40px',
      fontWeight: 300,
      fontFamily: 'Helvetica Neue',

      '::placeholder': {
        color: '#CFD7E0',
      },
    },
  }
});
// Add an instance of the card UI component into the `card-element` <div>
card.mount('#card-element');

<form action="/charge" method="post" id="payment-form">
  <div class="form-row">
    <label for="card-element">
      Credit or debit card
    </label>
    <div id="card-element">
    </div>
    <div id="card-errors"></div>
  </div>

  <button>Submit Payment</button>
</form>

ページを読み込むたびに、コンソールでこのエラーが発生しますUncaught ReferenceError: Stripe is not defined - STRIPE ERROR。私はstripe.jsをロードする方法と関係があると思いますが、よくわかりませんか?

8
Bitwise

何が起こっているのかと思うと、Stripe.jsが独自のJavaScriptをロードした後です。 Stripe.jsをヘッダーの独自のJavaScriptの上に移動してみてください。

9
Juanse Cora

遅れる可能性がありますが、他の誰かが同じ問題を抱えている場合は、次の行をあなたの

<HEAD></HEAD>
<script src="https://js.stripe.com/v2/"></script>

できるだけ早くv3に移行することをお勧めします。

1
Etienne