Stripe elementでregisterElement not defined が出る場合の対処法

「Stripe elementでregisterElement not defined が出る場合の対処法」のアイキャッチ画像

少し修正したらタイトルのエラーが発生

調べてみたところ、どうやらstripeのバグらしく、registerElementのコードをソースから引っ張ってきて追加することで対処できるとのことです。

function registerElements(_elements, _exampleName) {
      let formClass = '.' + _exampleName;
      let example = document.querySelector(formClass);

      let _form = example.querySelector('form');
      let resetButton = example.querySelector('a.reset');
      let error = _form.querySelector('.error');
      // let errorMessage = error.querySelector('.message');

      function enableInputs() {
        Array.prototype.forEach.call(
          _form.querySelectorAll(
            "input[type='text'], input[type='email'], input[type='tel']"
          ),
          function(input) {
            input.removeAttribute('disabled');
          }
        );
      }
    }

一部変数にダブりがあったので、少しだけ変えていますが、こちらを追加することでタイトルのエラーは解消することができました

目次
  1. 参考記事

参考記事

stripe registerElement not defined