5

我不知道如何在我的 vue.js 组件中使用这个电容器插件。或任何离子原生或科尔多瓦插件.. https://ionicframework.com/docs/native/contacts

我可以让电容器 api 正常工作。 https://capacitor.ionicframework.com/docs/apis/device

任何知识表示赞赏!

4

2 回答 2

4

这就是最终为我工作的东西:

我在 Ionic 的网站上查看了插件:https ://ionicframework.com/docs/native/in-app-purchase (在我的情况下),然后我运行了安装npm install cordova-plugin-inapppurchase然后运行npm install @ionic-native/in-app-purchase。然后在我的 Vue JS 文件中,我使用import { InAppPurchase } from '@ionic-native/in-app-purchase/ngx';

下一部分是让我绊倒的地方。在下一行,我必须创建一个新变量来访问引用的插件。所以下一行代码是const iap = new InAppPurchase();

然后,您可以iap从 Vue 应用程序中访问该变量并使用所有记录在案的方法。

请记住,Cordova 插件的任何测试都需要在您的设备上进行。

希望这可以帮助像我一样挣扎的人!

于 2019-10-24T17:41:50.913 回答
1

根据这里的文档 https://capacitor.ionicframework.com/docs/cordova/using-cordova-plugins 你应该能够做到

npm i cordova-plugin-contacts
npm i @ionic-native/contacts
npx cap sync

只记得

重要提示:Configuration Capacitor 不支持 Cordova 安装变量、自动配置或挂钩,因为我们的理念是让您控制您的本地项目源代码(这意味着挂钩之类的东西是不必要的)。如果您的插件需要设置变量或设置,您需要通过插件的 plugin.xml 与 iOS 和 Android 上所需设置之间的映射来手动应用这些配置设置。

有关如何配置每个平台的信息,请参阅 iOS 和 Android 配置指南。

兼容性问题 一些 Cordova 插件不能与 Capacitor 一起使用,或者 Capacitor 提供了一个冲突的替代方案。有关详细信息和已知的不兼容列表,请参见此处。

于 2019-07-31T14:32:05.033 回答