meteor Stripe 元素不渲染

Question

我尝试将 Stripe 元素形式 (v3) 与 meteor 形式结合使用。所有代码都不会崩溃，但在调用 mount() 后不会呈现任何内容。有什么想法吗？

js:

Template.billing.onRendered(function(){
  let elements = stripe.elements();
  let style = {
    base: {
      // Add your base input styles here. For example:
      fontSize: '16px',
      color: "#32325d",
    }
  };
  let card = elements.create('card', {style: style});
  card.mount('#card-element');
  console.log("done");
})

html:

<template name="billing">
   <form id="payment-form">
    <div class="form-row">
      <label for="card-element">
        Credit or debit card
      </label>
      <div id="card-element">
      </div>
      <div id="card-errors" role="alert"></div>
    </div>
    <input type="submit" class="submit" value="Submit Payment">
  </form>
</template>

Answer 1

没关系，它实际上正在渲染，但由于某种原因宽度为 0，所以搞乱 css 是可行的。