How to configure Ionic file opener for Vue 3?

my package.json:
“dependencies”: {

"@capacitor-community/http": "^1.3.0",

"@capacitor/android": "3.2.5",

"@capacitor/app": "1.0.5",

"@capacitor/core": "3.2.5",

"@capacitor/filesystem": "^1.0.6",

"@capacitor/haptics": "1.1.2",

"@capacitor/keyboard": "1.1.2",

"@capacitor/status-bar": "1.0.5",

"@capacitor/storage": "^1.2.2",

"@ionic-native/file-opener": "^5.36.0",

"@ionic/storage": "^3.0.6",

"@ionic/vue": "^5.4.0",

"@ionic/vue-router": "^5.4.0",

"axios": "^0.23.0",

"cordova-plugin-file-opener2": "^3.0.5",

"core-js": "^2.5.7",

"swiper": "^6.8.4",

"vue": "^3.2.1",

"vue-flickity": "^1.2.1",

"vue-router": "^4.0.0-0",

"vuex": "^4.0.2"


I tried both capacitor/filesystem plugin and ionic/file-opener but I was not able to configure either of those in Vue3

There is no documentation for using File opener in Vue. I am using Vue 3 and I already tried importing FileOpener in my main.js file like this:

import { FileOpener } from ‘@ionic-native/file-opener’;

const app = createApp(App)

I also tried importing FileOpener inside the component which I will be using it but still I cant make it workPreformatted text

If you follow this docs installation:

Then you can use it like what Angular does,
import { FileOpener } from '@ionic-native/file-opener';
I havent tested it on my part, but I already use several ionic native plugin.

but in some cases, in my case the plugin is available at window.cordova.plugin or window.cordova.plugins


The issue is that I am not being able to import it in the proper way in the first place, its giving me this error, I followed instructions from the same link that you sent me

It needs a dependecy named @ionic-native/core
But Im not so sure, I read other comments before, that that plugin should already be available,

Also please, add your ionic information on your post to help other to know you versions
Such as:
Node version
Ionic Version
Npm Version