使用intl-tel-input库始终提示无效号码错误，求排查原因

核心问题 #

你遇到的号码验证失败问题，主要是因为验证依赖的utils.js文件未正确加载：

• 你的代码中loadUtilsOnInit配置的是本地路径/intl-tel-input/js/utils.js?1730730622316，但你使用的是CDN版本的intl-tel-input库，这个本地路径无法获取到有效文件。
• isValidNumber()方法完全依赖utils.js中封装的libphonenumber规则进行号码验证，缺少该文件时，即使号码格式正确，也会返回无效结果。

解决步骤 #

将loadUtilsOnInit的路径替换为对应CDN版本的utils.js地址，和你使用的24.7.0版本匹配即可：

const iti = window.intlTelInput(input, {
    initialCountry: "it",
    loadUtilsOnInit: "https://cdn.jsdelivr.net/npm/intl-tel-input@24.7.0/build/js/utils.js"
});

或者你也可以直接在HTML中引入utils.js脚本，替代loadUtilsOnInit配置：

<script src="https://cdn.jsdelivr.net/npm/intl-tel-input@24.7.0/build/js/utils.js"></script>
<script src="https://cdn.jsdelivr.net/npm/intl-tel-input@24.7.0/build/js/intlTelInput.min.js"></script>

修改完成后，输入意大利号码3250001100即可通过验证。

内容的提问来源于stack exchange，提问作者ghost_of_the_code