Error: [Vue Final Modal]: getActiveVfm was called with no active Vfm. Did you forget to install vfm?

[mishabachkur]

I'm getting an error, but not consistently. I have included it in nuxt.config.ts

modules: [ '@vue-final-modal/nuxt' ],

Version

vue-final-modal: 4.4.2 @vue-final-modal/nuxt: 1.0.0 nuxt: 3.5.2

[mishabachkur]

@hunterliu1003 Can you help me?

[mishabachkur]

@hunterliu1003 I noticed a pattern that if you do a nuxi build and then nuxi dev, the bug disappears. If you do a nuxi cleanup and then nuxi dev, the bug reappears

[educbraga]

same here

[petrprikryl]

Fixed for me in latest 4.4.6 release :tada:

[hunterliu1003]

Please try to upgrade both @vue-final-modal/nuxt and vue-final-modal, then see if the error is fixed

"dependencies": {
    "@vue-final-modal/nuxt": "^1.0.2",
    "vue-final-modal": "^4.4.6"
  }

The latest nuxt 3 example: https://stackblitz.com/github/vue-final/vue-final-modal/tree/master/examples/nuxt3?file=package.json

[mishabachkur]

@hunterliu1003 I have updated 2 packages to the versions you mentioned. After running 'yarn dev,' I encountered the same error. When adding a plugin, there is a warning: 'App already provides property with key "Symbol(vfm)." It will be overwritten with the new value.' However, if I immediately remove this plugin and run 'yarn dev' again, everything is fine.

[hunterliu1003]

Please try to use @vue-final-modal/nuxt 1.0.3 and vue-final-modal 4.5.0 see if it's fixed. Here is the latest live demo of Nuxt 3 Stackblitz Example

[ozgencDev]

all packages latest but error still occurs