Routing to another page leads to null parent node error
When converting a Vue app to Nuxt and after following directory and layout structures, routing leads to a null parent node error.
Nuxt - 3.11.1Vue - Latest
Nuxt - 3.11.1Vue - Latest
Using both template (NuxtLink) and programatic (router.push) routing, the app throws
Uncaught (in promise) TypeError: Cannot read properties of null (reading 'parentNode')
Uncaught (in promise) TypeError: Cannot read properties of null (reading 'parentNode')
All methods fill the URL with the proper routes and I can manually navigate to the pages but for some reason the router does not work.
This seemed to be related to this huge GitHub issue https://github.com/nuxt/nuxt/issues/13309 But trying almost all the suggestions, none seem to have worked. I am following the patterns I use in a working Nuxt App I have used in another project.
What is more bizzare is that when debugging, I can occasionally get the routing to work between simple pages after waiting for some time or saving small changes. However, when rebooting the server, the routing error happens again.