javascript - 国际电话输入未捕获类型错误 : Cannot read property 'getAttribute' of null at new Iti (intlTelInput. js :146) at intlTelInput. js:1282

Question

<link rel="stylesheet" href="styles/intlTelInput.scss">
<input type="tel" required id="#consultPhone">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/15.0.0/js/intlTelInput.js"></script>
  <script src="scripts/scripts.js"></script>
  <script type="text/javascript">
    var consultInput = document.querySelector('#consultPhone');
    var iti = window.intlTelInput(consultInput, {
      separateDialCode:true,
      utilsScript: "https://cdn.jsdelivr.net/npm/intl-tel-input@17.0.3/build/js/utils.js",
    });
    window.iti = iti;
  </script>

这是我的代码，当我打开页面时，输入为空，我得到这个错误: 未捕获的 TypeError:无法读取新 Iti 的 null 属性“getAttribute”(intlTelInput.js:146 at intlTelInput.js:1282 at index.html:973

Answer 1

基本上是我傻了，忘了把id的hashtag删掉😂