ionic 3 Call-Number插件问题

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了ionic 3 Call-Number插件问题相关的知识,希望对你有一定的参考价值。

Ionic 3我使用的是call-number插件。但它显示错误

错误TypeError:Object(...)不是CallNumber.callNumber的函数

import { CallNumber } from '@ionic-native/call-number/ngx';

constructor(public navCtrl: NavController, public httpClient: HttpClient, 
public callNumber: CallNumber) { }


  CallNumber(){

  this.callNumber.callNumber("18001010101", true)
 .then(res => console.log('Launched dialer!', res))
  .catch(err => console.log('Error launching dialer', err));


       }
}
答案

你需要在构造函数中创建CallNumber的实例

private callNumber: CallNumber

比你的功能看起来像这样

fnCallNumber(){
this.callNumber.callNumber("18001010101", true)
.then(res => console.log('Launched dialer!', res))
.catch(err => console.log('Error launching dialer', err));

}

现在在构造函数或任何想要的点击事件中调用这些函数

this.fnCallNumber()
另一答案

可能是因为您使用的是与您的应用程序版本不兼容的插件。我得到了同样的错误。我正在使用离子4 ......

试试运行:

npm install --save @ ionic-native / call-number @ 4

使用此导入而不使用'ngx':

从'@ ionic-native / call-number'导入{CallNumber};

并记得将'public callNumber:CallNumber'设置为PRIVATE。

在app.module.ts中:

import { CallNumber } from '@ionic-native/call-number';

providers: [
StatusBar,
SplashScreen,
CallNumber,
{provide: ErrorHandler, useClass: IonicErrorHandler}

]

以上是关于ionic 3 Call-Number插件问题的主要内容,如果未能解决你的问题,请参考以下文章

Ionic 2/3 插件加载问题:可能来自 app.bundle.js

ionic 3 的内页不适用于 ionic 3 中的脚本或外部自定义 jQuery 插件

媒体捕捉原生插件 Ionic 3

如何在ionic 3中使用cordova插件蓝牙?

离子科尔多瓦文件传输插件超时错误代码3

用于 OTP 验证的 Ionic 3 读取 SMS 插件