Search code examples
ionic-frameworkcapacitor

Using a Cordova plugin with Capacitor

I've been working through this example: https://capacitor.ionicframework.com/docs/basics/cordova

I've run:

npm install cordova-plugin-qrscanner
npx cap sync

and I can see the plugin installed in my node_modules.

What I do not know how to do is call one of the functions on the cordova-plugin. I'm wondering if I need a packager like webpack?

I'm also confused as to how this works if the cordova plugin contains native swift (or other) code.

Solution

  • Remember you can install the native wrapper too. It should work just the same as using it with Cordova.

    npm install @ionic-native/qr-scanner

    From:

    ionic cordova plugin add cordova-plugin-qrscanner
npm install @ionic-native/qr-scanner

    To:

    npm install cordova-plugin-qrscanner
npm install @ionic-native/qr-scanner
npx cap sync

    https://ionicframework.com/docs/native/qr-scanner