kr4y3y3s_stripejs-vue-quasar

[thick sorrel]

👋 Welcome to your new thread!

⏲️ We'll be here soon! Typically we respond in a few minutes, but sometimes we might take a bit longer if the server is busy or if you have a particularly tricky question.

⏱️ We close idle threads, which makes them read-only. Once a thread is closed it won't be reopened, but you can always start a new thread if you have another question.

🔗 This thread will always be available, even after it's closed. You can find it again using Discord's search, or you can save this link: https://discord.com/channels/841573134531821608/1221837973201490011

📝 Have more to share? Add more details, code, screenshots, videos, etc. below.

[hollow flame]

Hello

Hmm I'm not familiar with Vue/Vite really... but looking

Hmm have you tried something like: const Stripe = await import('@stripe/stripe-js'); this.stripe = await Stripe.loadStripe(this.testPublicKey)?

I'm also seeing https://github.com/vitejs/vite/discussions/8749 which might be relevant to the Vite side of things here?

Like I said, I'm not familiar with these frameworks so not sure how helpful I'll really be here

[tight storm]

this produced the same results of a refresh loop unless i imported the pure version ... and then i get the same 504 status from a request to that cache url

[tight storm]

i cleared the .q-cache directory and same result

[hollow flame]

Can you show me your full code for how you are importing the non-pure version?

The re-render seems like it would be caused from some sort of key change or something?

Have you tried importing Stripe.JS in a bare-bones project?

Hmm also seeing stuff like https://github.com/vitejs/vite/issues/4259 and https://github.com/vitejs/vite/issues/6501 which indicates maybe this is a somewhat common issue with Vite?

Do you see any logs when the refresh is happening?

[tight storm]

i setup a clean project and it works with no issue 😢

[spark panther]

Hi 👋

I'm stepping in as my colleague had to go. When you say you set up a clean project, do you mean the new project includes StripeJS?

[tight storm]

i started a new quasar project, added stripe js to the index.vue and it loaded up just fine

[spark panther]

Okay great. I realize that it isn't the immediate fix for your existing project you might have been looking for but at least now you have a project you can use as a reference.

So now you can try adding components of your existing project, one by one, and testing whether it causes the reload loop you were seeing