title: Setting country code ngx-intl-tel-input with angular 5
body: <p>Trying to implement <a href="https://www.npmjs.com/package/ngx-intl-tel-input" rel="nofollow noreferrer">ngx-intl-tel-input.</a> But getting an error. </p>
  
  <p>here is the <a href="https://stackblitz.com/edit/ngx-intl-tel-input-demo-yial32" rel="nofollow noreferrer">Stackblitz Link</a> with some package changes.</p>
  
  <p>please follow the versions of ngx-bootstrap, angular, and other related things. I think its a compatibility issue. </p>
  
  <p><strong>Here are my packages:</strong></p>
  
  <pre><code>"dependencies": {
  "@angular-devkit/schematics": "0.0.35",
  "@angular/animations": "^5.2.11",
  "@angular/common": "^5.2.8",
  "@angular/core": "^5.2.8",
  "@angular/forms": "^5.2.8",
  "@angular/http": "^5.2.8",
  "@angular/platform-browser": "^5.2.8",
  "@angular/platform-browser-dynamic": "^5.2.8",
  "@angular/platform-server": "^5.2.8",
  "@angular/router": "^5.2.8",
  "@nguniversal/express-engine": "^5.0.0-beta.6",
  "@nguniversal/module-map-ngfactory-loader": "^5.0.0",
  "amazon-cognito-auth-js": "^1.0.0",
  "amazon-cognito-identity-js": "^1.21.0",
  "angular-in-memory-web-api": "^0.5.1",
  "bootstrap": "4.0.0-beta.2",
  "core-js": "^2.4.1",
  "express-http-proxy": "^1.1.0",
  "font-awesome": "^4.7.0",
  "google-libphonenumber": "^3.2.6",
  "intl-tel-input": "^16.0.7",
  "jquery": "^3.2.1",
  "ng2-pdf-viewer": "4.1.2",
  "ngx-bootstrap": "^3.0.1",
  "ngx-cookie-service": "^2.1.0",
  "ngx-embed-video": "^0.3.0",
  "ngx-intl-tel-input": "^2.0.7",
  "ngx-quill": "^3.4.0",
  "popper.js": "^1.12.6",
  "primeng": "^5.2.4",
  "quill": "^1.3.6",
  "rxjs": "^5.4.2",
  "ts-loader": "^3.5.0",
  "typescript-base64-arraybuffer": "^0.1.0",
  "zone.js": "^0.8.14"
  </code></pre>
  
  <p>}</p>
  
  <p><strong>There is an error in the following line (file: node-modules/ngx-intl-tel-input/fesm5/ngx-intl-tel-input.js):</strong> </p>
  
  <pre><code>NgxIntlTelInputService.ngInjectableDef = ɵɵdefineInjectable({ factory: function NgxIntlTelInputService_Factory() { return new NgxIntlTelInputService(); }, token: NgxIntlTelInputService, providedIn: "root" });
  </code></pre>
  
  <p><strong>The error is:</strong> </p>
  
  <pre><code>Uncaught TypeError: Object(...) is not a function
  at eval (ngx-intl-tel-input.js:22)
  at eval (ngx-intl-tel-input.js:24)
  at Object../node_modules/ngx-intl-tel-input/fesm5/ngx-intl-tel-input.js (vendor.bundle.js:3684)
  at __webpack_require__ (inline.bundle.js:55)
  at eval (app.module.ts:26)
  at Object../src/app/app.module.ts (main.bundle.js:235)
  at __webpack_require__ (inline.bundle.js:55)
  at eval (main.ts:4)
  at Object../src/main.ts (main.bundle.js:3515)
  at __webpack_require__ (inline.bundle.js:55)
  </code></pre>