nuxt: Javascript Hooks Page Transition on Nuxt 3 does not work

Environment


  • Operating System: Windows_NT
  • Node Version: v16.12.0
  • Nuxt Version: 3.6.0
  • Nitro Version: 2.5.1
  • Package Manager: npm@8.1.0
  • Builder: vite
  • User Config: devtools
  • Runtime Modules: -
  • Build Modules: -

Reproduction

StackBlitz Link and Github Link

Describe the bug

Hello,

I got an error with the nuxt page transition and the javascript Hooks, I have the exact same code that in the doc here : https://nuxt.com/docs/getting-started/transitions#javascript-hooks

I don’t really know what I’m doing wrong, if anyone does I’d love to know.

I’ve tried with console.log in every event and also without console.log but in neither case does it work.

The error seems to be related to Javascript Hooks because with :

export default defineNuxtConfig({
  app: {
    pageTransition: { name: 'page', mode: 'out-in' }
  },
})

it works perfectly but not with the javascript

Additional context

Error1 error2

Logs

[Vue warn]: Unhandled error during execution of transition hook 

Uncaught ReferenceError: oo_oo is not defined
    NuxtJS 50

About this issue

  • Original URL
  • State: closed
  • Created a year ago
  • Comments: 15 (7 by maintainers)

Most upvoted comments

I don’t know why, but the error was caused by the VScode Extension: Live Sass compiler, so it’s been working perfectly ever since.

Thanks for your help!