Estoy usando la biblioteca de entrada Intl-tel para enmascarar los campos de mi número de teléfono, estoy usando varios elementos, sin embargo, solo el primero funciona, el segundo y el tercero arrojan Uncaught TypeError: Cannot read properties of null (reading 'getAttribute') error Uncaught TypeError: Cannot read properties of null (reading 'getAttribute') .

JS:

 const account_phone = document.querySelector('#account-phone'); const delivery_phone = document.querySelector('#delivery-phone'); const signup_phone = document.querySelector('#signup-phone'); const account_iti = intlTelInput(account_phone, { utilsScript: 'https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/17.0.8/js/utils.min.js', }); const delivery_iti = intlTelInput(delivery_phone, { utilsScript: 'https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/17.0.8/js/utils.min.js', }); const signup_iti = intlTelInput(signup_phone, { utilsScript: 'https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/17.0.8/js/utils.min.js', });

HTML:

 1) <input type="text" name="phone" id="account-phone" /> 2) <input type="text" name="user_phone" id="signup-phone" /> 3) <input type="text" name="phone" id="delivery-phone" />

Notas:

• Cada entrada está en una página diferente, cuando probé este código específico en la misma página, funcionó
• Una vez que comento 2 de ellos, el tercero está funcionando.

¿Cuál podría ser el problema?