如何修复＆＃34;未找到数据密钥＆＃34;使用Stripe Checkout时？

Question

我正在使用条带结帐的自定义代码并尊重所有内容，但我收到此错误：

{{1}}

这不是我第一次使用该代码，我之前使用过它，一切都很好。

以下是完整代码：

＆＃13;

＆＃13;

{{1}}

＆＃13;

＆＃13;

＆＃13;

• 我复制了正确的密钥（您看到的是占位符）
• 页面
中包含条带按钮类的元素
• 之前很多时候我使用过相同的代码而且工作正常
• 网站没有特殊问题
• https://github.com/glittershark/reactable包含在代码
之前
• 我尝试了测试和实时密钥，两个错误
• 我还尝试了其他网站上使用的其他密钥。

以下是错误和条带代码的屏幕截图

https://checkout.stripe.com/checkout.js

之前有人面对同样的问题吗？我很确定它是一个隐藏的小东西！

Answer 1

经过几个小时的测试并转过所有文档后，我发现了问题并且它与CSS有关！

我在创建的html元素上使用了类 stripe-button ，以便触发条带操作。似乎Stripe也使用了同一个类，它在JS代码中造成了混乱。

因此，在尝试将Stripe集成到您的网站时，请不要使用此类：条带按钮

Answer 2

您的代码看起来很好。我对这个问题的建议：

1. 尝试数据密钥＆＃39;而不是＆＃39;键＆＃39;。不到1％...
2. 验证您的密钥，例如通过Stripe网络界面https://dashboard.stripe.com/account/apikeys
3. 删除混合内容错误（https请求与http混合）。 ＆＃34;您还必须通过HTTPS提供包含付款表单的页面＆＃34;，https://stripe.com/docs/checkout#does-checkout-require-https。
4. 检查＆＃34;支持的浏览器＆＃34;部分，https://stripe.com/docs/checkout#what-browsers-does-checkout-support。
5. 调查项目的后端。
6. 尝试在另一个环境中运行它，另一个网络......
7. 与其工作的项目进行比较。相同的功能是否仍适用于您的任何项目？
8. 寻求帮助Stripe支持或＆＃34;其他开发人员＆＃34;，https://stripe.com/docs/checkout#questions