Stripe Kasse - Datenschlüssel nicht

Question

gefunden

ich den benutzerdefinierten Code Streifen Kasse verwenden und alles respektieren, aber ich bin immer diese Fehlermeldung:

StripeCheckout.configure: 'data-key' is a required option, but was not found 

Es ist nicht das erste Mal, dass ich den Code verwenden, ich es verwenden vorher und alles war gut.

Hier ist der Fulle-Code ist:

var handler = StripeCheckout.configure({ 
 
    key: 'pk_test_aaaaaaaaaaaaaaaaaaaa', 
 
    image: 'https://stripe.com/img/documentation/checkout/marketplace.png', 
 
    locale: 'auto', 
 
    token: function(token) { 
 
    // You can access the token ID with `token.id`. 
 
    // Get the token ID to your server-side code for use. 
 
    } 
 
}); 
 

 
document.querySelector('.stripe-button').addEventListener('click', function(e) { 
 
    // Open Checkout with further options: 
 
    handler.open({ 
 
    name: 'Title', 
 
    description: 'description', 
 
    currency: 'eur', 
 
    amount: 9700 
 
    }); 
 
    e.preventDefault(); 
 
}); 
 

 

 
// Close Checkout on page navigation: 
 
window.addEventListener('popstate', function() { 
 
    handler.close(); 
 
});

• ich den richtigen Schlüssel kopiert (die Sie sehen, ist ein Platzhalter)
• Das Element mit der Klasse Streifen- Button ist in der Seite
• vorhanden Ich habe den gleichen Code eine Menge Zeit verwendet vor und es funktionierte gut
• Es mit der Website kein spezielles Problem wird
• https://checkout.stripe.com/checkout.js vor dem Code
• ich den Test und die Live-Taste, Fehler auch andere Schlüssel enthalten ist sowohl mit
• versuchte ich versuchte, die gearbeitet auf anderen Seiten.

Hier ist ein Screenshot des Fehlers und der Code des Streifens zu

Hat jemand vor dem gleichen Problem konfrontiert? Ich bin mir ziemlich sicher, dass es eine kleine versteckte Sache ist!

Answer 1

Nach wenigen Stunden von Tests und die gesamte Dokumentation ich das Problem gefunden Umdrehen und es hat CSS bezogen!

Ich verwendete die Klasse Stripe-Button auf dem HTML-Element erstellt, um die Stripe-Aktion auszulösen. Es scheint, dass die gleiche Klasse auch von Stripe verwendet wird und es im JS-Code zu einer Verwirrung führt.

Also nie diese Klasse verwenden, wenn Streifen auf Ihrer Website zu integrieren versuchen: Streifen-Knopf

Answer 2

Ihr Code sieht gut aus. Meine Vorschläge für das Problem:

1. Versuchen Sie 'Datenschlüssel' anstelle von 'Schlüssel'. Weniger als 1% ...
2. Überprüfen Sie Ihren Schlüssel, z. B. über die Stripe-Webschnittstelle, https://dashboard.stripe.com/account/apikeys
3. Mixed Content-Fehler entfernen (HTTPS-Anfragen mit http gemischt). "Sie müssen die Seite, die das Zahlungsformular enthält, auch über HTTPS bedienen", https://stripe.com/docs/checkout#does-checkout-require-https.
4. Überprüfen Sie den Abschnitt "Unterstützte Browser", https://stripe.com/docs/checkout#what-browsers-does-checkout-support.
5. Untersuchen Sie das Back-End des Projekts.
6. Versuchen Sie, es in einer anderen Umgebung, ein anderes Netzwerk ...
7. mit dem Projekt zu arbeiten, wo es funktioniert. Funktioniert die gleiche Funktionalität noch in einem Ihrer Projekte?
8. Bitten Sie um Hilfe Stripe Unterstützung oder „andere Entwickler“, https://stripe.com/docs/checkout#questions