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

Question

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

中导入的 mdn page

这是我的代码

<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 脚本部分并使用它？我尝试 import * as stripe from "stripe" （出错）我试过导入 "stripe" 并导入“/node_modules/stripe”和“./node_modules/stripe”

None 有效。如何导入它以便我可以像这样使用它： const 条纹 = 条纹 ("key") 特别是在 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);
})();

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

how to import stripe.js in sapper app into my preload() or onMount()

javascript

node.js

svelte

sapper

svelte-component