javascript - 如何将 sapper 应用程序中的 stripe.js 导入我的 preload() 或 onMount()

Question

我已经使用以下命令安装了 stripe.js： npm install stripe 现在我想将它导入到我的 sapper 组件中，以便我可以使用它，但尽管阅读了所有关于在 js 中导入的mdn 页面，但无法弄清楚如何做到这一点

这是我的代码

<script>
import "stripe"
const stripe = Stripe("my key goes here")
stripe.charges.create({rest of the code to create a charge})
</script>

stripe.js 文件夹位于我的应用程序根目录中的典型位置 (node_modules) 文件夹中。

所以我的问题是：如何将它导入到我的工兵脚本部分并使用它？我尝试 import * as stripe from "stripe"（出错） 我尝试 import "stripe" 并 import "/node_modules/stripe" & "./node_modules/stripe"

这些都没有奏效。如何导入它以便我可以这样使用它： const stripe = Stripe("key") 特别是在 Sapper 中，我应该将它添加到预加载函数还是组件脚本之上？

谢谢

Answer 1

根据stripe js npm 包的文档， 您可以像这样导入：

import Stripe from 'stripe';
const stripe = new Stripe('sk_test_...');

(async () => {
  const customer = await stripe.customers.create({
    email: 'customer@example.com',
  });

  console.log(customer.id);
})();