असीमित संदर्भ त्रुटि: पट्टी परिभाषित नहीं है - स्ट्रिप त्रुटि

Question

मैं अपने रेल ऐप में स्ट्रिप तत्वों को लागू करने की कोशिश कर रहा हूं, लेकिन मुझे स्ट्रिप.जेएस सही ढंग से शामिल नहीं लग रहा है। यहाँ मेरी 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 लोड कर रहा हूं उसके साथ कुछ करना है लेकिन मुझे यकीन नहीं है?

Answer 1

मुझे संदेह है कि क्या हो रहा है यह है कि Stripe.js आपके स्वयं के जावास्क्रिप्ट के बाद लोड हो रहा है। शीर्षलेख में अपने स्वयं के जावास्क्रिप्ट के ऊपर Stripe.js को स्थानांतरित करने का प्रयास करें।