-
-
Notifications
You must be signed in to change notification settings - Fork 147
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Vue Router issue when using Vue Stripe package with Vue 3 #351
Comments
Hello, it's currently not yet compatible with Vue 3. However you can check the current development here, you can try to fork the dev branch and see what you can immediately use. I will keep you guys posted. Thanks. Dev branch: https://github.com/vue-stripe/vue-stripe/tree/refactor/next |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Describe the bug
Hi there,
I understand that Vue 3 is not officially supported yet, however for the most part I've successfully been able to use Vue Stripe in my app. The only issue is an anomaly occurring between Vue Router and Vue Stripe. When trying to navigate back:
router.go(-1)
...the URL updates to the correct path, the page refreshes, however the user remains on the same page.
This error is present in the console:
Uncaught (in promise) TypeError: Cannot read properties of undefined (reading '__asyncLoader')
I "solved" the issue for my application by using anchor tags.
The issue appears to be based on the checkoutRef here:
To Reproduce
Steps to reproduce the behaviour:
Expected behaviour
Navigating to the previous route is expected.
Screenshots
Desktop (please complete the following information):
Smartphone (please complete the following information):
N/A
Additional context
Seems to be related to the:
ref="checkoutRef"
When I remove the async/await from the function that initiates the checkout, it works fine.
The text was updated successfully, but these errors were encountered: