流星条纹元素无法渲染

Question

尝试使用带有流星形式的条纹元素表单（v3）。所有代码运行时都没有爆炸，但在调用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工作。