0
votes

Elément personnalisé inconnu: - Avez-vous enregistré le composant correctement?

Je reçois l'erreur suivante lors de l'utilisation du composant VUE-Stripe-Checkout pour utiliser des sessions:

[Vue warn]: élément personnalisé inconnu: - Avez-vous enregistré le composant correctement? Pour les composants récursifs, assurez-vous de fournir l'option "Nom".

J'ai déjà tout essayé, installez-le globalement et dans le composant lui-même individuellement: xxx

javascript vue.js

2 commentaires

Avez-vous essayé la configuration recommandée dans les instructions d'installation de package Github.com/jofffetice/vue-stripe- Checkout # Readme ?

Oui ... sans succès.

3 Réponses :

-3
votes

Vous avez importé comme Vuestripecheckout et utilisé VUE-Stripe-Checkout Code> Essayez de le changer en VueStripecheckout CODE>

<VueStripeCheckout
  ref="sessionRef"
  :pk="publishableKey"
  :session-id="sesion"
>
  <template slot="checkout-button">
 <button @click="$refs.sessionRef.redirectToCheckout()" class="btn-yellow wow fadeInUp btn" style="visibility: visible; animation-name: fadeInUp;">Pagar</button>
  </template>
</VueStripeCheckout>

0 commentaires

-1
votes

Essayez ceci:

<template>
  <div> // Here you have a nesting error in your template
    <vue-stripe-checkout
      ref="sessionRef"
      :pk="publishableKey"
      :session-id="sesion"
    >
     <template slot="checkout-button">
       <button @click="$refs.sessionRef.redirectToCheckout()" class="btn-yellow wow fadeInUp btn" style="visibility: visible; animation-name: fadeInUp;">Pagar</button>
     </template>
   </vue-stripe-checkout>
   
  </div>
</template>

<script>
import { StripeCheckout } from 'vue-stripe-checkout';

export default {
   components: {
   'vue-stripe-checkout': StripeCheckout,
  },
  // ...
}
</script>

0 commentaires

-1
votes

Si vous renommez le composant, vous avez toujours besoin des supports dans le Importer code> et nous le comme code> xxx pré>

Voir https://developer.mozilla.org/en-us/ddocs / Web / JavaScript / Référence / Déclarations / Importation P>

Utilisation: P>

<vue-stripe-checkout>

0 commentaires