#shepshep7
steep ivy
haughty herald
Can you share the request id for that 404 error?
Most likely is that you're mixing up requests using mismatched API keys from two different accounts
orchid swan
{
"error": {
"code": "resource_missing",
"doc_url": "https://stripe.com/docs/error-codes/resource-missing",
"message": "No such setupintent: 'seti_1MQzPwDzBjPaYKMJBF3fOMvL'",
"param": "intent",
"request_log_url": "https://dashboard.stripe.com/test/logs/req_KSr5f57akvbL8l?t=1673901393",
"type": "invalid_request_error"
}
}
i don't see a request id
<form id="payment-form">
<div id="payment-element">
<!-- Elements will create form elements here -->
</div>
<button id="submit">Submit</button>
<div id="error-message">
<!-- Display error message to your customers here -->
</div>
</form>
<script>
const stripe = Stripe('my key is here');
const appearance = {
theme: 'flat',
variables: {
fontWeightNormal: '500',
borderRadius: '2px',
colorBackground: 'white',
colorPrimary: '#DF1B41',
colorPrimaryText: 'white',
spacingGridRow: '15px'
},
rules: {
'.Label': {
marginBottom: '6px'
},
'.Tab, .Input, .Block': {
boxShadow: '0px 3px 10px rgba(18, 42, 66, 0.08)',
padding: '12px'
}
}
};
const options = {
clientSecret: '{{$client_secret}}',
// Fully customizable with appearance API.
appearance: appearance,
};
// Set up Stripe.js and Elements to use in checkout form, passing the client secret obtained in step 3
const elements = stripe.elements(options);
// Create and mount the Payment Element
const paymentElement = elements.create('payment');
paymentElement.mount('#payment-element');
</script>
request_log_url": "https://dashboard.stripe.com/test/logs/req_KSr5f57akvbL8l?t=1673901393",
thank you 🙂
Yes, you're mixing up API keys
Creation on one account: https://dashboard.stripe.com/test/logs/req_DzUjyA2j7FrM1B
Retrieval for the payment element on another account: https://dashboard.stripe.com/test/logs/req_KSr5f57akvbL8l