Discussion :

[dubitoph]

Bonjour la communauté,

Cela fait deux jours que je me casse la t^te a tenter de faire fonctionner intl-tel-input avec le webpack encore.

Tout d'abord, j'ai télécharger la librairie avec npm. Elle se trouve donc maintenant dans mon_projet/node_modules/intl-tel-input.

Ensuite, j'ai ajouté ceci dans mon app.js :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
 
...
import intlTelInput from 'intl-tel-input';
window['intlTelInput'] = intlTelInput;
...

Dans ma vue twig, j'appelle un fichier js dans lequel j'ai effectué ceci :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
 
...
  var input = document.querySelector("#owner_user_phoneNumber");
 
  window.intlTelInput(input);
...

Au chargement de la page, voici ce que ça donne :



Je ne comprends pas comment faire pour résoudre ceci.

Quelqu'un pourrait m'aiguiller?

Merci d'avance pour votre aide.

EDIT :

J'ai un peu avancé en faisant ceci :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
 
import intlTelInput from 'intl-tel-input';
import 'intl-tel-input/build/css/intlTelInput.css';
window['intlTelInput'] = intlTelInput;

Cependant, maintenant les drapeux ne s'affichent pas :