\n\n3) Navigate to `pages/index.vue`, modify the `console.log()` and save\n\n### Describe the bug\n\nThe previous [issue](https://github.com/nuxt/nuxt/issues/25214) was closed, but the error remains even in the latest Nuxt version.\n\nThe error will disappear if you add `lazy:true` option\n\n```\nconst { data } = await useFetch('https://jsonplaceholder.typicode.com/todos/1', {\n lazy: true\n})\n```\n\nAs you can see, both `app.vue` `layouts/default.vue` are wrapped with `divs` as it was suggested in the previous issue but we still get the bug.\n\nIs adding `lazy` option is the best workaround as for now?\n\n\u003Cimg width=\"500\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/ca5929e7-f84b-4d0f-a57b-e1cf38c34813\" />\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\nvirtual:nuxt:/home/gaisinskii/nuxt3-parent-node-null/.nuxt/routes.mjs:16 [Vue warn]: Unhandled error during execution of component update \n at \u003CRouterView name=undefined route=undefined > \n at \u003CNuxtPage> \n at \u003CDefault ref=Ref\u003C Proxy(Object)聽{鈥 > > \n at \u003CAsyncComponentWrapper ref=Ref\u003C Proxy(Object)聽{鈥 > > \n at \u003CLayoutLoader key=\"default\" layoutProps= {ref: RefImpl} name=\"default\" > \n at \u003CNuxtLayoutProvider layoutProps= {ref: RefImpl} key=\"default\" name=\"default\" ... > \n at \u003CNuxtLayout> \n at \u003CApp key=4 > \n at \u003CNuxtRoot>\nwarn$1 @ runtime-core.esm-bundler.js:51\nlogError @ runtime-core.esm-bundler.js:263\nhandleError @ runtime-core.esm-bundler.js:255\ncallWithErrorHandling @ runtime-core.esm-bundler.js:201\nflushJobs @ runtime-core.esm-bundler.js:408\nPromise.then\nqueueFlush @ runtime-core.esm-bundler.js:322\nqueueJob @ runtime-core.esm-bundler.js:317\neffect2.scheduler @ runtime-core.esm-bundler.js:5448\ntrigger @ reactivity.esm-bundler.js:253\nendBatch @ reactivity.esm-bundler.js:311\nnotify @ reactivity.esm-bundler.js:597\ntrigger @ reactivity.esm-bundler.js:571\nset value @ reactivity.esm-bundler.js:1448\nfinalizeNavigation @ vue-router.mjs:3498\n(anonymous) @ vue-router.mjs:3363\nPromise.then\npushWithRedirect @ vue-router.mjs:3330\npush @ vue-router.mjs:3255\nreplace @ vue-router.mjs:3258\naddRoutes @ virtual:nuxt:/home/gaisinskii/nuxt3-parent-node-null/.nuxt/routes.mjs:16\n(anonymous) @ virtual:nuxt:/home/gaisinskii/nuxt3-parent-node-null/.nuxt/routes.mjs:21\n(anonymous) @ client:34\n(anonymous) @ client:208\n(anonymous) @ client:183\nqueueUpdate @ client:183\nawait in queueUpdate\n(anonymous) @ client:884\nhandleMessage @ client:882\nonMessage @ client:299\n(anonymous) @ client:429\ndispatchEvent @ .localservice@runtime.5a421e5b.js:26\n_handleMessage @ .localservice@runtime.5a421e5b.js:26\n_0x3963e2 @ .localservice@runtime.5a421e5b.js:26Understand this warningAI\nruntime-dom.esm-bundler.js:51 Uncaught (in promise) TypeError: Cannot read properties of null (reading 'parentNode')\n at parentNode (runtime-dom.esm-bundler.js:51:30)\n at ReactiveEffect.componentUpdateFn [as fn] (runtime-core.esm-bundler.js:5410:11)\n at ReactiveEffect.run (reactivity.esm-bundler.js:225:19)\n at ReactiveEffect.runIfDirty (reactivity.esm-bundler.js:263:12)\n at callWithErrorHandling (runtime-core.esm-bundler.js:199:33)\n at flushJobs (runtime-core.esm-bundler.js:408:9)\n```",[2867,2870,2873,2876],{"name":2868,"color":2869},"dx","C39D69",{"name":2871,"color":2872},"bug","d73a4a",{"name":2874,"color":2875},"vite","3574D1",{"name":2877,"color":2878},"馃敤 p3-minor","FBCA04",31493,"nuxt","open","TypeError: Cannot read properties of null (reading 'parentNode') with useFetch","2025-03-21T17:04:23Z","https://github.com/nuxt/nuxt/issues/31493",0.62126195,{"description":2887,"labels":2888,"number":2898,"owner":2880,"repository":2880,"state":2881,"title":2899,"updated_at":2900,"url":2901,"score":2902},"### Environment\r\n\r\n------------------------------\r\n- Operating System: Linux\r\n- Node Version: v18.18.0\r\n- Nuxt Version: 3.9.0\r\n- CLI Version: 3.10.0\r\n- Nitro Version: 2.8.1\r\n- Package Manager: npm@9.4.2\r\n- Builder: -\r\n- User Config: -\r\n- Runtime Modules: -\r\n- Build Modules: -\r\n------------------------------\r\n\r\n### Reproduction\r\n\r\nThe error occurs when I go to the third level child page, then back to the second and then go to the page with await inside\r\n\r\nReproduction: https://stackblitz.com/edit/nuxt-issues-24991-tlw3yk\r\n\r\nInstructions for reproducing the bug:\r\n\r\n 1. INDEX PAGE must be initial\r\n\r\n 2. Go to SETTING/PROJECT PAGE\r\n\r\n 3. Go to SETTING/PROJECT/CREATE PAGE\r\n\r\n 4. Go to SETTING/PROJECT PAGE\r\n\r\n 5. Go to WAITING PAGE\r\n\r\n 6. Look in console (error due to waiting)\r\n\r\n\r\nErrors in console: Uncaught (in promise) TypeError: Cannot read properties of null (reading 'namespaceURI') Uncaught (in promise) TypeError: Cannot read properties of null (reading 'exposed')\r\n\r\n\r\n\r\n### Describe the bug\r\n\r\nAn error is thrown though navigation should work as usual\r\n\r\n### Additional context\r\n\r\nReported by @ilyaDegtyarenko in https://github.com/nuxt/nuxt/discussions/23221\r\n\r\nThis issue is not solved by Vue 3.4.X nor Nuxt 3.9\r\n\r\n### Logs\r\n\r\n_No response_",[2889,2892,2895],{"name":2890,"color":2891},"pending triage","E99695",{"name":2893,"color":2894},"upstream","E8A36D",{"name":2896,"color":2897},"suspense","C70109",24991,"Navigating from twice-nested Nuxt page to async page throws error","2024-06-30T11:06:27Z","https://github.com/nuxt/nuxt/issues/24991",0.6352241,{"description":2904,"labels":2905,"number":2919,"owner":2880,"repository":2880,"state":2920,"title":2921,"updated_at":2922,"url":2923,"score":2924},"### Environment\r\n\r\n- Operating System: Windows_NT\r\n- Node Version: v20.10.0\r\n- Nuxt Version: 3.9.1\r\n- CLI Version: 3.10.0\r\n- Nitro Version: 2.8.1\r\n- Package Manager: pnpm@8.14.1\r\n- Builder: -\r\n- User Config: devtools\r\n- Runtime Modules: -\r\n- Build Modules: -\r\n- Vue Version: 3.4.9\r\n\r\n### Reproduction\r\n\r\nhttps://stackblitz.com/edit/nuxt-starter-vhqnzj\r\n\r\n### Describe the bug\r\n\r\nwhen navigate from page with NuxtLayout as root component to another page with NuxtLayout cause TypeError: Cannot read properties of null (reading 'parentNode').\r\nAdding comment above NuxtLayout and still use NuxtLayout as root node doesn't cause this issue (only works in dev mode).\r\nI believe this bug happened after [this](https://github.com/vuejs/core/pull/10055/files#diff-069bd39ee093a8545c4e26aa7264c6ba4561a28f07f3d7d7080f4c0f71710281) specific update in vue v3.4.9\r\n\r\n### Additional context\r\ncondition that's trigger this bug :\r\n- navigate from page with NuxtLayout as root node, to another page with NuxtLayout.\r\n- [#issuecomment-1898592511](https://github.com/nuxt/nuxt/issues/25214#issuecomment-1898592511)\r\n\r\ncondition that's not trigger this bug : \r\n- navigate from page with NuxtLayout as root node, to another page with NuxtLayout and has pageTransition defined.\r\n- navigate from page with NuxtLayout as root node, to another page without NuxtLayout.\r\n\r\n### Logs\r\n\r\n_No response_",[2906,2909,2912,2915,2918],{"name":2907,"color":2908},"documentation","5319e7",{"name":2910,"color":2911},"good first issue","fbca04",{"name":2913,"color":2914},"3.x","29bc7f",{"name":2916,"color":2917},"workaround available","11376d",{"name":2868,"color":2869},25214,"closed","TypeError: Cannot read properties of null (reading 'parentNode') when navigate from page with NuxtLayout as root node","2025-03-21T11:28:32Z","https://github.com/nuxt/nuxt/issues/25214",0.5764715,{"description":2926,"labels":2927,"number":2930,"owner":2880,"repository":2880,"state":2920,"title":2931,"updated_at":2932,"url":2933,"score":2934},"### Environment\r\n\r\n------------------------------\r\n- Operating System: Linux\r\n- Node Version: v18.12.1\r\n- Nuxt Version: 3.5.0\r\n- Nitro Version: 2.4.0\r\n- Package Manager: npm@9.4.0\r\n- Builder: vite\r\n- User Config: app\r\n- Runtime Modules: -\r\n- Build Modules: -\r\n------------------------------\r\n\r\n### Reproduction\r\n\r\n@danielroe had a hard time trying to reproduce but I managed to !\r\n\r\nSee here :\r\nhttps://stackblitz.com/edit/nuxt-starter-5614cq\r\n\r\nWhen you navigate through the Link displayed on the Home page, you can reproduce the error.\r\n\r\nTrying to reproduce, I found out that it surely has to do with a `\u003CModal>` component that is in the `\u003CHeader>` one, and is teleported to `app.vue` root. We've had this since 1 year with no issue, but with Nuxt 3.5 there is this error.\r\n\r\n### Describe the bug\r\n\r\nWith Nuxt 3.5 I'm starting to have these errors :\r\n\r\nWhen navigating (with `\u003CNuxtLink />` or `navigateTo`) from a page to another with another layout, I have this error with a blank page : \r\n\r\n```\r\nUncaught (in promise) DOMException: Failed to execute 'insertBefore' on 'Node': The node before which the new node is to be inserted is not a child of this node.\r\n\r\nUncaught (in promise) TypeError: Cannot read properties of null (reading 'parentNode')\r\n```\r\n\r\n### Additional context\r\n\r\n_No response_\r\n\r\n### Logs\r\n\r\n_No response_",[2928,2929],{"name":2913,"color":2914},{"name":2890,"color":2891},20917,"Nuxt 3.5 - Cannot read properties of null (reading 'parentNode') when navigate to a page with a different layout","2023-05-17T14:11:18Z","https://github.com/nuxt/nuxt/issues/20917",0.5815157,{"labels":2936,"number":2939,"owner":2880,"repository":2880,"state":2920,"title":2940,"updated_at":2941,"url":2942,"score":2943},[2937,2938],{"name":2913,"color":2914},{"name":2890,"color":2891},13774,"Cannot read properties of null (reading 'parentNode')","2023-01-19T17:05:22Z","https://github.com/nuxt/nuxt/issues/13774",0.58939433,{"labels":2945,"number":2953,"owner":2880,"repository":2880,"state":2920,"title":2954,"updated_at":2955,"url":2956,"score":2957},[2946,2947,2948,2949,2950],{"name":2913,"color":2914},{"name":2916,"color":2917},{"name":2871,"color":2872},{"name":2893,"color":2894},{"name":2951,"color":2952},"upstream-bug","B60205",13309,"TypeError: Cannot read properties of null (reading 'parentNode')","2025-02-17T17:13:12Z","https://github.com/nuxt/nuxt/issues/13309",0.5901167,{"description":2959,"labels":2960,"number":2963,"owner":2880,"repository":2880,"state":2920,"title":2954,"updated_at":2964,"url":2965,"score":2966},"### Environment\r\n\r\n\"vue\": \"3.4.8\"\r\n\"nuxt\": \"3.9.1\"\r\n\r\n### Reproduction\r\n\r\ni am getting error when reload the page on ssr mode. When i go back to this page in SPA mode i dont see this error\r\n\r\n### Describe the bug\r\n\r\n\r\n### Additional context\r\n\r\nAfter upgrade from nuxt 3.0.0 to 3.8.0, 3.9.0,3.10.0 i am getting this error. Triied to chaged version of vue from 3.3.8 to 3.4.8, 3.4.13 and still get an error. Tried to wrap NuxtLayout and NuxtPage into div , didnt help.Tried to remove NuxtPageIndicator also didnt help.\r\n\r\n### Logs\r\n\r\n```shell-script\r\nTypeError: Cannot read properties of null (reading 'parentNode') at parentNode (entry.dOCZ9qXz.js:28:687) at ReactiveEffect.he [as fn] (entry.dOCZ9qXz.js:20:54324) at ReactiveEffect.run (entry.dOCZ9qXz.js:9:1851) at L.$.update (entry.dOCZ9qXz.js:20:55334) at callWithErrorHandling (entry.dOCZ9qXz.js:20:2166) at flushJobs (entry.dOCZ9qXz.js:20:4841) at flushJobs (entry.dOCZ9qXz.js:20:5014) logError @ entry.dOCZ9qXz.js:20\r\n```\r\n",[2961,2962],{"name":2913,"color":2914},{"name":2890,"color":2891},25722,"2024-03-04T14:32:15Z","https://github.com/nuxt/nuxt/issues/25722",0.59810954,{"description":2968,"labels":2969,"number":2973,"owner":2880,"repository":2880,"state":2920,"title":2940,"updated_at":2974,"url":2975,"score":2976},"### Environment\r\n\r\n- Operating System: `Darwin`\r\n- Node Version: `v20.10.0`\r\n- Nuxt Version: `3.9.1`\r\n- CLI Version: `3.10.0`\r\n- Nitro Version: `2.8.1`\r\n- Package Manager: `yarn@1.22.21`\r\n- Builder: `-`\r\n- User Config: `devtools`\r\n- Runtime Modules: `-`\r\n- Build Modules: `-`\r\n\r\n### Reproduction\r\n\r\nhttps://stackblitz.com/edit/github-ghhe2w?file=layouts%2Fdefault.vue\r\n\r\n### Describe the bug\r\n\r\nWhen I clicke the `NuxtLink` text锛宼he browser doesn't to display the pages, and the browser display console the error in the **Logs** section.\r\n\r\n\r\n### Logs\r\n```\r\n[Vue warn]: Unhandled error during execution of scheduler flush. This is likely a Vue internals bug. Please open an issue at https://github.com/vuejs/core . \r\n at \u003CRouterView name=undefined route=undefined > \r\n at \u003CNuxtPage> \r\n at \u003CApp key=3 > \r\n at \u003CNuxtRoot>\r\nwarn$1 @ chunk-FRWRVS7C.js?v=373e3ccb:1486\r\n\r\nchunk-FRWRVS7C.js?v=373e3ccb:9605 Uncaught (in promise) TypeError: Cannot read properties of null (reading 'parentNode')\r\n at parentNode (chunk-FRWRVS7C.js?v=373e3ccb:9605:30)\r\n at ReactiveEffect.componentUpdateFn [as fn] (chunk-FRWRVS7C.js?v=373e3ccb:7513:11)\r\n at ReactiveEffect.run (chunk-FRWRVS7C.js?v=373e3ccb:421:19)\r\n at instance.update (chunk-FRWRVS7C.js?v=373e3ccb:7553:17)\r\n at callWithErrorHandling (chunk-FRWRVS7C.js?v=373e3ccb:1634:32)\r\n at flushJobs (chunk-FRWRVS7C.js?v=373e3ccb:1841:9)\r\n```",[2970,2971,2972],{"name":2913,"color":2914},{"name":2916,"color":2917},{"name":2893,"color":2894},25179,"2024-07-27T19:16:14Z","https://github.com/nuxt/nuxt/issues/25179",0.5988256,{"description":2978,"labels":2979,"number":2982,"owner":2880,"repository":2880,"state":2920,"title":2954,"updated_at":2983,"url":2984,"score":2985},"### Environment\r\n\r\n- Operating System: Linux\r\n- Node Version: v18.17.1\r\n- Nuxt Version: 3.9.1\r\n- CLI Version: 3.10.0\r\n- Nitro Version: 2.8.1\r\n- Package Manager: yarn@1.22.19\r\n- Builder: -\r\n- User Config: devtools\r\n- Runtime Modules: -\r\n- Build Modules: -\r\n\r\n### Reproduction\r\n\r\nhttps://stackblitz.com/~/github.com/zabavnikov/nuxt\r\nhttps://stackblitz.com/~/github.com/zabavnikov/nuxt-div (NuxtLayout is wrapped in a div)\r\n\r\n### Describe the bug\r\n\r\nAfter upgrading to the latest version of Nuxt and Vue, an error appeared - TypeError: Cannot read properties of null (reading 'parentNode').\r\n\r\nI noticed that on pages where NuxtLayout is wrapped in a div, this error doesn't occur and navigating to another page works fine.\r\n\r\n### Additional context\r\n\r\n_No response_\r\n\r\n### Logs\r\n\r\n_No response_",[2980,2981],{"name":2913,"color":2914},{"name":2890,"color":2891},25191,"2024-01-13T15:42:35Z","https://github.com/nuxt/nuxt/issues/25191",0.6026744,{"description":2987,"labels":2988,"number":2991,"owner":2880,"repository":2880,"state":2920,"title":2954,"updated_at":2992,"url":2993,"score":2994},"### Environment\r\n\r\n- Operating System: `Darwin`\r\n- Node Version: `v16.18.0`\r\n- Nuxt Version: `3.0.0`\r\n- Nitro Version: `1.0.0`\r\n- Package Manager: `npm@8.19.2`\r\n- Builder: `vite`\r\n- User Config: `ssr`, `css`, `pages`\r\n- Runtime Modules: `-`\r\n- Build Modules: `-`\r\n\r\n\r\n### Reproduction\r\n\r\n`\r\n{\r\n name: 'withdraw',\r\n path: '/withdraw',\r\n component: () => import('~/pages/withdraw.vue'),\r\n children:[\r\n {\r\n\r\n name: 'withdraw-cash',\r\n path: 'cash',\r\n component: () => import('~/pages/withdraw/cash.vue')\r\n },\r\n {\r\n name: 'withdraw-record',\r\n path: 'record',\r\n component: () => import('~/pages/withdraw/record.vue')\r\n }\r\n ]\r\n}\r\n`\r\n### Describe the bug\r\n\r\nJump error between pages\r\n\r\nTypeError: Cannot read properties of null (reading 'parentNode')\r\n\r\n### Additional context\r\n\r\n_No response_\r\n\r\n### Logs\r\n\r\n_No response_",[2989,2990],{"name":2913,"color":2914},{"name":2890,"color":2891},12398,"2023-01-19T16:52:20Z","https://github.com/nuxt/nuxt/issues/12398",0.60824174,["Reactive",2996],{},["Set"],["ShallowReactive",2999],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fMeMSAf08NXDHsUme5QOGOc74AdpUmYEAYtGUA2Cjj-A":-1},"/nuxt/nuxt/28274"]