Javascript 条带可发布密钥集，但无效（Heroku上的Django）

从表面上看，此设置似乎很简单，但当我尝试在我的暂存服务器上执行测试事务时，我得到：

Uncaught Error: You did not set a valid publishable key. Call Stripe.setPublishableKey() with your publishable key.

有点困惑，因为我想我是。在我得到的模板上：

<form action="" class="form" method="POST" data-stripe-key="{{ STRIPE_PUBLIC_KEY }}" data-replace-closest=".subscribe-form" >
            {% csrf_token %}
            {{ form.stripe_token }}
            {{ form.plan }}
            <button type="submit" class="btn"><span>Sign Up</span>
            </button>

</form> 

在heroku上，环境变量设置为

heroku config:add STRIPE_PUBLIC_KEY=my_pk STRIPE_SECRET_KEY=my_sk --remote staging

---

我尝试过在javascript中硬编码pk，我尝试过将其作为STRIPE\u PUBLIC\u密钥传递，无论哪种方式，我都会在控制台中得到“未设置可发布密钥”。是不是Heroku的环境导致了这一切？我是否有.js语法错误？谢谢

做一个

console.log（{{my_pk}}'）

在你的JS中，你看到正确的密钥了吗？谢谢。似乎将StripeCheckout.open中的key设置为“$form.data（“stripe key”）”是我的错误-->更改为{{my_pk}}使其正常工作

STRIPE_PUBLIC_KEY = '{{ my_pk }}'
STRIPE_SECRET_KEY = '{{ my_sk }}'

heroku config:add STRIPE_PUBLIC_KEY=my_pk STRIPE_SECRET_KEY=my_sk --remote staging