如何在 Vuejs 中使用离子电话号码插件？

【问题标题】：How to use ionic call-number plugin in Vuejs?如何在 Vuejs 中使用离子电话号码插件？
【发布时间】：2020-11-15 00:04:12
【问题描述】：

我想使用 Capacitor 从我的 VueJs 项目中拨打电话号码。

我正在尝试这个插件，我在我的 VueJs 项目中成功启用了 ionic 框架。

我正在关注本教程https://ionicframework.com/docs/native/call-number，但它对我不起作用。

我是这样用的

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

我创建了一个调用函数的方法

async callNow() {
      CallNumber.callNumber("18001010101", true);
    },

但我遇到了错误。

如何解决这个问题？

【问题讨论】：

【解决方案1】：

只能在设备上运行
确保您已使用 npm 正确安装所有库，请参阅下面项目中的 package.json
这是一个插件工作的示例项目 - https://github.com/aaronksaunders/capacitor-vue-ionicv4-app/blob/master/src/components/GeolocationPage.vue

npm install call-number
npm install @ionic-native/call-number
npm install @ionic-native/core

【讨论】：

感谢 Aaron，我尝试了您提供的代码，但得到的错误与我的问题屏幕截图中显示的完全相同。
我在设备上试过了，由于 javascript 脚本错误，它显示一个空白屏幕。
我尝试进一步调试，Injectable 没有定义在 CallNumber.decorators = [ { type: Injectable }, ];在 node_modules/@ionic-native/call-number/index.js:85
我不知道你在做什么，但是如果你检查我的项目并运行它，它就可以工作......这就是我发布链接的原因，所以我建议你运行我的项目并看看有什么区别，而不是复制代码。 - 还请告诉我本机 IDE 中的错误，而不是浏览器