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
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)
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!