jQuery plugin must be loaded, skipping directive initialization

[meshal500]

Hello,

I am getting this in the console :

ng-intl-tel-input: intl-tel-input jQuery plugin must be loaded, skipping directive initialization

What can be causing this?

[yassinemri]

you must load intlTelInput.js first

[tnusraddinov]

same issue

[slavafomin]

Hello! Thank you for your interest in this module!

Are you loading original plugin prior to this integration module?

[tnusraddinov]

including all files below works for me

css files:
intl-tel-input/build/css/intlTelInput.css

js files:
jquery/dist/jquery.js
angular/angular.js
intl-tel-input/build/js/intlTelInput.js
intl-tel-input/build/js/utils.js
ng-intl-tel-input/dist/ng-intl-tel-input.js

Note: ng-intl-tel-input = "version": "2.0.0", intl-tel-input="version": "9.0.14" and jquery = "version": "3.2.0"

[slavafomin]

Glad to hear it. I'm going to close this.

[GloomyStranger]

@tnusraddinov , can you suggest, where you have include these files?

[slavafomin]

@GloomyStranger I would suggest using npm and something like Webpack to bundle all the files together.

[GloomyStranger]

@slavafomin yeah, Ive tried, but dont get any luck, would be cool if you can show any of working ways

[slavafomin]

@GloomyStranger What exact problem do you have with the approach I've mentioned?

[GloomyStranger]

@slavafomin ng-intl-tel-input: intl-tel-input jQuery plugin must be loaded, skipping directive initialization got this and regular input field instead of lib custom input

[slavafomin]

@GloomyStranger You must make sure that all libraries are loaded. I would suggest to examine the bundle and to see if all modules are properly exported. Maybe some adjustments must be needed in Webpack configuration to make it work. I'm not using the Angular.js for at least two years now, so I don't have a working example, which I could share, sorry.

[GloomyStranger]

@slavafomin Im good know what you mean, Angularjs is old but I`m supporting big old project so there I havent any choice