流星条纹元素不渲染

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 就可以了。