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>
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をロードする方法と関係があると思いますが、よくわかりませんか?
何が起こっているのかと思うと、Stripe.jsが独自のJavaScriptをロードした後です。 Stripe.jsをヘッダーの独自のJavaScriptの上に移動してみてください。
遅れる可能性がありますが、他の誰かが同じ問題を抱えている場合は、次の行をあなたの
<HEAD></HEAD>
<script src="https://js.stripe.com/v2/"></script>
できるだけ早くv3に移行することをお勧めします。