遵循 vue-stripe 指示会导致 Webpack 发出警告“在 'vue-stripe' 中找不到导出 'StripeCheckout'”答案

【问题标题】：Following vue-stripe directions causes Webpack to give warning "export 'StripeCheckout' was not found in 'vue-stripe'"遵循 vue-stripe 指示会导致 Webpack 发出警告“在 'vue-stripe' 中找不到导出 'StripeCheckout'”
【发布时间】：2018-01-16 14:09:45
【问题描述】：

在关注vue-stripeinstallation directions，主要由一个简单的import { StripeCheckout } from 'vue-stripe'组成时，我收到了来自Webpack的以下警告：

"export 'StripeCheckout' was not found in 'vue-stripe'

（从技术上讲，我使用 laravel-mix 作为 Webpack 的包装器。）

我不知道为什么它不起作用。我系统上的所有内容都是最新的。这是一个后端的 Laravel 5.4 应用程序，前端有一个使用 Vue 2 和 vue-router 的 SPA，它使用 yarn 而不是 npm，有很多 Vue 组件。

【问题讨论】：

标签： laravel webpack vue.js stripe-payments laravel-mix

【解决方案1】：

这个issue from the vue-stripe repo 可能在这里有用：

你可以通过做类似的事情来解决这个问题

import Stripe from 'vue-stripe'

components: {'stripe-checkout': Stripe.StripeCheckout, 'bus': StripeCheckout.Bus}

【讨论】：

谢谢。我认为这是不正确的。（StripeCheckout.Bus 应该是 Stripe.Bus，我认为。）无论哪种方式，这确实消除了 Webpack 警告，但现在我的浏览器说“Vue 不是构造函数”并且没有任何作用。
嗯，好吧，这可能是在vue-stripe repo 上提出的更好的问题，因为它很可能非常特定于vue-stripe。