如何在 vue.js 的离子电容器中使用 Cordova 插件

Tra*_*ein 5 cordova-plugins vue.js capacitor

我不知道如何在我的 vue.js 组件中使用这个电容插件。或任何离子本机或cordova插件.. https://ionicframework.com/docs/native/contacts

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

任何知识表示赞赏!

小智 1

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

npm i cordova-plugin-contacts
npm i @ionic-native/contacts
npx cap sync
Run Code Online (Sandbox Code Playgroud)

只要记住

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

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

兼容性问题 某些 Cordova 插件无法与 Capacitor 配合使用,或者 Capacitor 提供了相互冲突的替代方案。请参阅此处了解详细信息和已知的不兼容性列表。

  • 如何将 Ionic Native 插件导入到 Vue + Capacitor 项目中?使用 Angular,您通常将其作为提供者包含,然后在构造函数中创建实例,但目前尚不清楚如何在 Vue + Capacitor 项目中使用 Ionic Native 插件。当我“从 '@ionic-native/barcode-scanner/ngx'导入 { BarcodeScanner };”时,我得到“无法解析 '/node_modules/@ionic-native/barcode-scanner/ 中的'@angular/core'” ngx'`。但是当我尝试 `import { BarcodeScanner } from '@ionic-native/barcode-scanner';` 时,我得到 `cordova_not_available`。 (2认同)