Skip to content
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 warning with Nuxt 3 #349

Open
fscaringi opened this issue Feb 20, 2024 · 3 comments
Open

Vue warning with Nuxt 3 #349

fscaringi opened this issue Feb 20, 2024 · 3 comments

Comments

@fscaringi
Copy link

Describe the bug
On the page where I use stripe there are lots of warnings.
After following all the steps to configure vue-stripe from the readme file guide: https://github.com/vue-stripe/vue-stripe-checkout-nuxt-demo, I receive many warnings in the console.

To Reproduce
Steps to reproduce the behavior:

  1. Follow all the steps described in the readme file: https://github.com/vue-stripe/vue-stripe-checkout-nuxt-demo
  2. Insert the tag on the page with the "pk", the "session-id" and the ref "checkoutRef"
  3. When loading the page, errors of this type appear:
  • Invalid HostVNode type: undefined (undefined)
  • Property "ce" was accessed during render but is not defined on instance
  • Property "ctx" was accessed during render but is not defined on instance.
  • Property "anchor" was accessed during render but is not defined on instance.
  • Property "ssFallback" was accessed during render but is not defined on instance.
  • Property "ssContent" was accessed during render but is not defined on instance.
  • Property "suspense" was accessed during render but is not defined on instance.
  • Property "component" was accessed during render but is not defined on instance.
  • Property "transition" was accessed during render but is not defined on instance.
  • Property "dirs" was accessed during render but is not defined on instance.
  • Property "appContext" was accessed during render but is not defined on instance.
  • Property "dynamicChildren" was accessed during render but is not defined on instance.
  • Property "dynamicProps" was accessed during render but is not defined on instance.
  • Property "shapeFlag" was accessed during render but is not defined on instance.
  • Property "staticCount" was accessed during render but is not defined on instance.
  • Property "targetAnchor" was accessed during render but is not defined on instance.

Screenshots
Screenshot 2024-02-20 alle 16 52 29

@jofftiquez
Copy link
Member

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: refactor/next

@fscaringi
Copy link
Author

Hello, thanks for your reply, I'll try to do as you say.

@bugproof
Copy link

So what are the steps to use stripe with vue at this moment? I'm ready to rewrite my website to react and next.js just for this lol.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants