【问题标题】:Setting country code ngx-intl-tel-input with angular 5使用角度 5 设置国家代码 ngx-intl-tel-input
【发布时间】:2020-03-15 07:20:17
【问题描述】:

尝试实现ngx-intl-tel-input. 但出现错误。

这里是Stackblitz Link,其中包含一些包更改。

请遵循 ngx-bootstrap、angular 和其他相关内容的版本。我认为这是一个兼容性问题。

这是我的包裹:

"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"

}

下面一行有错误(文件:node-modules/ngx-intl-tel-input/fesm5/ngx-intl-tel-input.js):

NgxIntlTelInputService.ngInjectableDef = ɵɵdefineInjectable({ factory: function NgxIntlTelInputService_Factory() { return new NgxIntlTelInputService(); }, token: NgxIntlTelInputService, providedIn: "root" });

错误是:

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)

【问题讨论】:

    标签: angular ngx-international-phone-number


    【解决方案1】:

    试用ngx-intl-tel-input 的2.0.4 或更低版本。

    首先,删除之前的安装,然后:

    npm i ngx-intl-tel-input@2.0.4
    

    【讨论】:

    • 好的,我会试着讨论一下。
    • 添加2.0.4后,SearchCountryField, TooltipLabel, CountryISOngx-intl-tel-input中找不到这些字段
    • 你能更新你的应用吗?或者也许尝试另一个库,而不是我会尝试在我的机器上重新创建你的代码
    • 看看stalkbiz。我的机器也有同样的问题。如果我们可以在stackbiz中解决它,那么它就解决了
    猜你喜欢
    • 1970-01-01
    • 2019-09-26
    • 2021-01-03
    • 2019-09-27
    • 2019-02-16
    • 2019-08-22
    • 2020-01-05
    • 2019-09-10
    • 2018-01-08
    相关资源
    最近更新 更多