[Vuejs]-VueJS unknow custom element VueStripeCheckout

by

0👍

since the component is seemingly not globally registered you can do it yourself

// in global.js

import VueStripeCheckout from 'vue-stripe-checkout'
Vue.use(VueStripeCheckout, 'publishable-key-here')

// global registration
Vue.component('vue-stripe-checkout',VueStripeCheckout)

Alernatively you could import it on a component level

// in somecomponent.vue

import VueStripeCheckout from 'vue-stripe-checkout'

export default {
  components: {
   'vue-stripe-checkout': VueStripeCheckout

   // or just - then you'll have to use it like <VueStripeCheckout>
   // VueStripeCheckout
  }
  ,props:[...]
  ,mounted()

in any case – checkout the doc for components-registration

Edit: having had a look at the source of the vue-stripe-checkout install fn which is invoked by Vue.use – have you tried simply camelCase instead of snake-case:

<VueStripeCheckout
  ref="checkoutRef"
  :image="image"

Leave a comment