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

Question

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

这是我的代码

<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) 文件夹中。

所以我的问题是:如何将它导入到我的 sapper 脚本部分并使用它？ 我尝试从“stripe”导入*作为stripe(出现错误) 我尝试导入“stripe” 并导入“/node_modules/stripe”和“./node_modules/stripe”

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

谢谢

Answer 1

根据stripe js npm package的文档你可以像这样导入:

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);
})();