VueJS StripeCheckout未定义

Question

在我的Vue项目中，我有一个像这样的文件夹结构

\ components
  - advertisements
     - ads.vue
     - bannerAds.vue
     - sponsoredAds.vue

在我的ads.vue文件中，我导入了bannerAds组件和sponsoredAds组件

<v-tabs v-model="active">
    <v-tab>Banner ads</v-tab>
    <v-tab>Sponsored ads</v-tab>

    <v-tab-item>
        <banner></banner>
    </v-tab-item>
    <v-tab-item>
        <sponsored></sponsored>
    </v-tab-item>
</v-tabs>

bannerAds和sponsoredAds组件都包含Vue stripe checkout 像这样的组件

<template>
<v-layout>  
    <v-flex>
        <vue-stripe-checkout
        ref="checkoutRef2"
        :image="image"
        :name="name"
        :description="description"
        :currency="currency"
        :amount="amount()"
        :allow-remember-me="false"
        @done="done"
        @opened="opened"
        @closed="closed"
        @canceled="canceled"
          ></vue-stripe-checkout> 
    </v-flex>
</v-layout>
</template>

我遇到错误

  

未定义StripeCheckout

如果我注释掉这些组件的条纹组件之一，则此错误消失。可能是什么原因？