nuxt: NuxtPage doesn`t work in Nuxt 3.7.3
Environment
`------------------------------
- Operating System: Darwin
- Node Version: v19.9.0
- Nuxt Version: 3.7.3
- CLI Version: 3.8.3
- Nitro Version: 2.6.3
- Package Manager: npm@9.8.1
- Builder: -
- User Config: experimental, runtimeConfig, app, dev, debug, telemetry, css, plugins, modules, tailwindcss, image, imports, vue, vite
- Runtime Modules: @nuxtjs/tailwindcss@6.8.0, @pinia/nuxt@0.4.11, nuxt-svgo@0.0.3, @nuxt/image-edge@1.0.0-rc.2-28244125.e6e72be, @nuxtjs/device@3.1.0
- Build Modules: -
👉 Report an issue: https://github.com/nuxt/nuxt/issues/new 5:33:40 PM
👉 Suggest an improvement: https://github.com/nuxt/nuxt/discussions/new
👉 Read documentation: https://nuxt.com `
Reproduction
<NuxtPage :page-key="shop-${shop.slug}" />
Describe the bug
After updating to version 3.7.3 NuxtPage stopped working in the entire project
Uncaught (in promise) Error: Page Not Found
at createError (index.mjs?v=2a803633:78:15)
at createError (null:31:16)
at index.vue:37:11
Additional context
No response
Logs
No response
About this issue
- Original URL
- State: closed
- Created 10 months ago
- Reactions: 3
- Comments: 17 (3 by maintainers)
It doesn`t work in Nuxt 3.7.2 too
Hi @KamilBeda and @danielroe,
Thanks for your quick replies! With @TartanLeGrand, we figured out the issue in our project. It turns out, the Headless UI Dialog component was causing the problem when switching pages with a different layout.
Here’s the comment that helped us pinpoint the issue: https://github.com/tailwindlabs/headlessui/issues/1496#issuecomment-1657222089
@danielroe Here is the reproduction of the issue: Nuxt 3.7.3 (bugged) https://stackblitz.com/edit/github-wym2sa?file=app.vue Nuxt 3.7.0 (working properly) https://stackblitz.com/edit/github-yk3aog?file=app.vue