Intl Tel Input Uncatch TypeError： 无法在 intlTelInput.js：1282 的新 Iti (intlTelInput.js：146) 读取 null 的属性

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>

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

Answer 1

基本上我很愚蠢，忘记从id 中删除标签