2 pièce(s) jointe(s)
intl-tel-input et webpack
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:
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:
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 :
Pièce jointe 499986
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:
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 :
Pièce jointe 500054
