Giters

fuentesloic / nuxt-stripe

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Stripe Elements? 2

azoom-sidonie-abe opened this issue · comments

commented

Hello there!
I check this issue and seems like the problem hasn't been answered properly here (#21) so I'm re-posting with my issue here...

I'm getting the same error both onNuxtReady or onMounted

Has anyone solved this?

It will be much appreciated if I can get a help on this

*If I remove .value from stripe.value I get elements doesn't exist so I added .value

On initial load the Element form isn't loading but when I save my VScode file the hot reload happens and then the form appears

Below is my current code base

Uncaught (in promise) TypeError: Cannot read properties of null (reading 'elements')

const stripe = await useClientStripe() as Stripe
const elements = ref<StripeElements | undefined>()

const collectAddress = async () => {
  const addressElement = elements.value?.getElement('address')
  if (addressElement) {
    const { complete, value } = await addressElement.getValue()
    if (complete) {
    // completed logic here
 
    }
  }
}
const init = async () => {
  const options = {
    mode: 'setup',
    currency: 'jpy',
  }

  elements.value = await stripe.value.elements(options)
  const addressElement = elements?.value?.create('address', {
    mode: 'billing',
  })

  addressElement?.mount('#payment-element')
}

onNuxtReady(async () => {
  await init()
})
commented

hey @azoom-sidonie-abe sure can you provide me again stripe element documentation I will have a look next week

commented

Hi @flozero

Sorry to bother you and I appreciate for your help!

Is it his one below that you are looking for?
https://docs.stripe.com/js/elements_object/create

commented

No worry if something its not clear we can try to help. I think so I will have a look next week or this weekend If I can. Hope the timeline will be good for you

commented

Hi @flozero , I hope you had a nice weekend!
Any luck with this one by any chance?

commented

hey sorry no. Will try this weekend

commented

Thank you!
My company is actually planning on launching next week so it will be much appreciated if I can get this solved....!