\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.7398919,{"description":2887,"labels":2888,"number":2889,"owner":2880,"repository":2890,"state":2891,"title":2892,"updated_at":2893,"url":2894,"score":2895},"\r\n\r\ncc: @huang-julien ",[],171,"scripts","closed","Google Analytics Logo is wrong","2024-07-21T09:49:37Z","https://github.com/nuxt/scripts/issues/171",0.45731947,{"description":2897,"labels":2898,"number":2899,"owner":2880,"repository":2900,"state":2891,"title":2901,"updated_at":2902,"url":2903,"score":2904},"Following the steps in the document, I expected to use the Icon component to display a custom SVG Icon, but it failed.\r\n\r\nhttps://stackblitz.com/edit/nuxt-icon-playground-t9ezmw?file=app.vue",[],162,"icon","Custom Local Collections invalid","2024-06-12T02:55:17Z","https://github.com/nuxt/icon/issues/162",0.6618502,{"description":2906,"labels":2907,"number":2911,"owner":2880,"repository":2880,"state":2891,"title":2912,"updated_at":2913,"url":2914,"score":2915},"\u003C!--\r\n🚨 IMPORTANT 🚨\r\n\r\nPlease use the following link to create a new issue:\r\n\r\n- 🚨 Bug report - https://bug.nuxtjs.org/ \r\n- 🙋 Feature request - https://feature.nuxtjs.org/ \r\n- 🤔 Help wanted - https://otechie.com/nuxt \r\n- ❗️ All other issues - https://cmty.nuxtjs.org/ \r\n\r\nIf your issue was not created using the app above, **it will be closed immediately**.\r\n\r\n🚨 注意事项 🚨\r\n\r\n请务必使用下述链接来创建 issue:\r\n\r\n- 🚨 Bug 提交 - https://bug.nuxtjs.org/ \r\n- 🙋 新功能提案 - https://feature.nuxtjs.org/ \r\n- 🤔 寻求帮助 - https://otechie.com/nuxt \r\n- ❗️ 其他问题 - https://cmty.nuxtjs.org/ \r\n\r\n如果 issue 不是通过上述链接进行创建, **该 issue 会被系统自动关闭**\r\n-->\r\n\n\n\u003C!--cmty-->\u003C!--cmty_prevent_hook-->\n\u003Cdiv align=\"right\">\u003Csub>\u003Cem>This question is available on \u003Ca href=\"https://cmty.app/nuxt\">Nuxt\u003C/a> community (\u003Ca href=\"https://cmty.app/nuxt/nuxt.js/issues/c9637\">#c9637\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[2908],{"name":2909,"color":2910},"2.x","d4c5f9",6226,"Renderer is loaded but not all resources are unavailable","2023-01-18T20:44:02Z","https://github.com/nuxt/nuxt/issues/6226",0.7308326,{"description":2917,"labels":2918,"number":2919,"owner":2880,"repository":2920,"state":2891,"title":2921,"updated_at":2922,"url":2923,"score":2924},"### Environment\n\n- All current versions of Chrome, Firefox, and Edge\n\n### Reproduction\n\n1. Go to the [introduction page](https://nuxt.com/docs/getting-started/introduction)\r\n2. Click on any other page on the left sidebar\r\n3. Click on any section in the right table of contents\r\n4. Go back to the introduction page\r\n\r\n\r\n\n\n### Describe the bug\n\nNo idea what's going on since the Docs repo isn't available yet.\r\n\r\nIn Firefox this throws `\"TypeError: e.value is null\"` while on Chrome/Edge it's `\"TypeError: Cannot read properties of null (reading 'querySelectorAll')\"`\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[],1224,"nuxt.com","[Docs] introduction page throws an error after navigation","2023-10-10T14:45:11Z","https://github.com/nuxt/nuxt.com/issues/1224",0.7423372,{"labels":2926,"number":2931,"owner":2880,"repository":2880,"state":2891,"title":2932,"updated_at":2933,"url":2934,"score":2935},[2927,2930],{"name":2928,"color":2929},"3.x","29bc7f",{"name":2871,"color":2872},11909,"Error on stackblitz","2023-01-19T15:58:20Z","https://github.com/nuxt/nuxt/issues/11909",0.74651515,{"description":2937,"labels":2938,"number":2940,"owner":2880,"repository":2880,"state":2891,"title":2941,"updated_at":2942,"url":2943,"score":2944},"https://nuxtjs.org/guide/views/#error-page\r\n> You can customize the error page by adding a layouts/error.vue file.\r\n\r\n_Originally posted by @NicoPennec in https://github.com/nuxt/nuxt.js/issues/1614#issuecomment-328034047_\r\n\r\n\u003C!--cmty-->\u003C!--cmty_prevent_hook-->\r\nHow to catch loading errors. E.g: Network Disconnected\r\n\r\n",[2939],{"name":2909,"color":2910},5060,"https://nuxtjs.org/guide/views/#error-page","2023-01-18T20:10:40Z","https://github.com/nuxt/nuxt/issues/5060",0.74653023,{"description":2946,"labels":2947,"number":2949,"owner":2880,"repository":2880,"state":2891,"title":2950,"updated_at":2951,"url":2952,"score":2953},"https://nuxt.com/docs/guide/directory-structure/middleware#format\r\n\r\n\r\n\r\n\r\n\r\n",[2948],{"name":2928,"color":2929},15632,"bug: docs `{` ","2023-01-19T18:19:54Z","https://github.com/nuxt/nuxt/issues/15632",0.74656224,{"description":2955,"labels":2956,"number":2961,"owner":2880,"repository":2880,"state":2891,"title":2962,"updated_at":2963,"url":2964,"score":2965},"\u003C!-- 💚 Thanks for your time to make Nuxt better with your feedbacks 💚\r\n\r\n**IMPORTANT** Before reporting a bug:\r\n\r\n- Please make sure that you have read through Nuxt documentation: https://nuxtjs.org\r\n- If issue is related to a module please create the issue in corresponding repository\r\n- Ensure using latest version of nuxt dependencies using `yarn upgrade nuxt` or `npm upgrade nuxt`\r\n\r\n👍 A properly detailed bug report can save a LOT of time and help fixing issues as soon as possible.\r\n-->\r\n\r\n### Versions\r\n\r\n- nuxt: 2.15.8\r\n- node: 14.18.3\r\n\r\n### Reproduction\r\n\r\nStart a project add nuxtjs, then in nuxt.config.js, enable postcss plugin 'postcss-env-function', error shown\r\n\r\n\u003Cdetails open>\r\n\u003Csummary>Additional Details\u003C/summary>\r\n\u003Cbr>\r\n\u003C!-- Attaching `nuxt.config`, dependencies, logs or code snippets would help to find the issue -->\r\n\u003C/details>\r\n\r\n```\r\nimport { resolve } from 'path'\r\nexport default {\r\n // Disable server-side rendering: https://go.nuxtjs.dev/ssr-mode\r\n ssr: false,\r\n\r\n // Target: https://go.nuxtjs.dev/config-target\r\n target: 'static',\r\n\r\n generate: {\r\n cache: {\r\n ignore: [\r\n '.nuxt', // buildDir\r\n 'static', // dir.static\r\n 'dist', // generate.dir\r\n 'README.md'\r\n ]\r\n },\r\n },\r\n\r\n watchers: {\r\n webpack: {\r\n ignored: /node_modules/\r\n }\r\n },\r\n\r\n env: {\r\n },\r\n\r\n publicRuntimeConfig: {\r\n },\r\n\r\n // https://nuxtjs.org/docs/configuration-glossary/configuration-alias#the-alias-property\r\n alias: {\r\n '@@common': resolve(__dirname, '../common'),\r\n },\r\n\r\n // Global page headers: https://go.nuxtjs.dev/config-head\r\n head: {\r\n title: 'XXX',\r\n htmlAttrs: {\r\n lang: 'en'\r\n },\r\n meta: [\r\n { charset: 'utf-8' },\r\n { name: 'viewport', content: 'width=device-width, initial-scale=1' },\r\n { hid: 'description', name: 'description', content: '' },\r\n { name: 'format-detection', content: 'telephone=no' },\r\n ],\r\n link: [\r\n { rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' },\r\n { rel: 'stylesheet', href: 'https://cdn.jsdelivr.net/npm/@mdi/font@5.8.55/css/materialdesignicons.min.css' },\r\n { rel: 'stylesheet', href: 'https://use.fontawesome.com/releases/v5.2.0/css/all.css' },\r\n { rel: 'stylesheet', href: 'https://unpkg.com/splitting/dist/splitting.css' },\r\n { rel: 'stylesheet', href: 'https://unpkg.com/splitting/dist/splitting-cells.css' },\r\n { rel: 'stylesheet', href: '//cdn.jsdelivr.net/jquery.slick/1.6.0/slick.css' },\r\n ],\r\n\t\tscript: [\r\n {\r\n src: \"https://cdnjs.cloudflare.com/ajax/libs/three.js/r121/three.min.js\"\r\n },\r\n {\r\n src: \"https://cdnjs.cloudflare.com/ajax/libs/gsap/3.5.1/gsap.min.js\"\r\n },\r\n {\r\n src: \"https://unpkg.com/imagesloaded@4/imagesloaded.pkgd.min.js\"\r\n },\r\n {\r\n src: \"https://unpkg.com/splitting/dist/splitting.min.js\"\r\n },\r\n {\r\n src: \"https://cdn.jsdelivr.net/npm/tiny-emitter@2.1.0/index.min.js\"\r\n },\r\n {\r\n src: \"//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js\"\r\n },\r\n {\r\n src: \"//cdn.jsdelivr.net/jquery.slick/1.6.0/slick.min.js\"\r\n },\r\n {\r\n src: \"https://cdnjs.cloudflare.com/ajax/libs/gsap/1.19.0/TweenMax.min.js\"\r\n },\r\n {\r\n src: \"https://js.stripe.com/v3/\"\r\n }\r\n\t\t]\r\n },\r\n\r\n // Global CSS: https://go.nuxtjs.dev/config-css\r\n css: [\r\n ],\r\n\r\n // Plugins to run before rendering page: https://go.nuxtjs.dev/config-plugins\r\n plugins: [\r\n ],\r\n\r\n // Auto import components: https://go.nuxtjs.dev/config-components\r\n components: true,\r\n\r\n // Modules for dev and build (recommended): https://go.nuxtjs.dev/config-modules\r\n buildModules: [\r\n // https://go.nuxtjs.dev/typescript\r\n '@nuxt/typescript-build',\r\n '@nuxtjs/tailwindcss',\r\n '@nuxtjs/google-fonts',\r\n '@nuxtjs/style-resources',\r\n '@nuxtjs/device',\r\n '@nuxtjs/fontawesome',\r\n '@braid/vue-formulate/nuxt',\r\n\r\n '@nuxtjs/composition-api/module',\r\n '@pinia/nuxt',\r\n ],\r\n\r\n styleResources: {\r\n },\r\n\r\n // Modules: https://go.nuxtjs.dev/config-modules\r\n modules: [\r\n '@nuxtjs/tailwindcss',\r\n '@nuxtjs/style-resources',\r\n ['nuxt-buefy', { css: false }],\r\n '@nuxtjs/axios',\r\n 'cookie-universal-nuxt',\r\n ['nuxt-highlightjs', {\r\n style: 'tomorrow-night-bright'\r\n }],\r\n 'nuxt-clipboard',\r\n\r\n 'common/module'\r\n ],\r\n\r\n // Build Configuration: https://go.nuxtjs.dev/config-build\r\n build: {\r\n postcss: {\r\n plugins: {\r\n \"postcss-custom-properties\": false,\r\n \"postcss-env-function\": {\r\n importFrom: [\r\n {\r\n environmentVariables: {\r\n '--primary-color': process.env.PRIMARY_COLOR\r\n }\r\n }\r\n ]\r\n }\r\n },\r\n },\r\n\r\n // disable hmr so I can open more localhost tabs\r\n hotMiddleware: {\r\n client: {\r\n autoConnect: false,\r\n },\r\n },\r\n indicator: false,\r\n },\r\n\r\n axios: {\r\n retry: { retries: 5 }\r\n },\r\n\r\n fontawesome: {\r\n icons: {\r\n brands: true,\r\n solid: true,\r\n thin: true,\r\n regular: true\r\n }\r\n },\r\n\r\n // Google font\r\n googleFonts: {\r\n families: {\r\n // a simple name\r\n Roboto: true,\r\n\r\n Raleway: true,\r\n\r\n 'Indie+Flower': true,\r\n\r\n 'Libre+Baskerville': true,\r\n\r\n 'Kaushan+Script': true,\r\n\r\n 'Fira+Code': true,\r\n\r\n 'Playfair+Display': true,\r\n\r\n // a name with spaces\r\n 'Noto+Serif': true,\r\n\r\n 'DM+Sans': true,\r\n\r\n 'PT Sans': true,\r\n\r\n 'Montserrat': true,\r\n\r\n Arvo: true,\r\n\r\n Nunito: true,\r\n\r\n // specific font weights\r\n Lato: [100, 300],\r\n\r\n Sriracha: true,\r\n\r\n 'Inter var': true,\r\n\r\n 'Work Sans': true,\r\n }\r\n }\r\n}\r\n```\r\n\r\n### Steps to reproduce\r\n\r\n\r\n### What is Expected?\r\n\r\nWorks\r\n\r\n\r\n### What is actually happening?\r\n\r\nLooks like nuxt is not setting the right plugin version properly for postcss\r\n\r\nIt seems to be including postcss 8 but then their plugins are not matching to that dependencies.\r\n\r\nFor intance, somehow postcss-env-function 2.0.2 is included instead of 4.0.x which is the latest\r\n```\r\npostcss-env-function@^2.0.2:\r\n version \"2.0.2\"\r\n resolved \"https://registry.yarnpkg.com/postcss-env-function/-/postcss-env-function-2.0.2.tgz#0f3e3d3c57f094a92c2baf4b6241f0b0da5365d7\"\r\n integrity sha512-rwac4BuZlITeUbiBq60h/xbLzXY43qOsIErngWa4l7Mt+RaSkT7QBjXVGTcBHupykkblHMDrBFh30zchYPaOUw==\r\n dependencies:\r\n postcss \"^7.0.2\"\r\n postcss-values-parser \"^2.0.0\"\r\n\r\n```",[2957,2960],{"name":2958,"color":2959},"pending triage","E99695",{"name":2909,"color":2910},10738," ERROR Unknown error from PostCSS plugin. Your current PostCSS version is 8.4.17, but postcss-env-fn uses 7.0.39. Perhaps this is the source of the error below.","2024-06-30T09:24:37Z","https://github.com/nuxt/nuxt/issues/10738",0.7469137,{"description":2967,"labels":2968,"number":2971,"owner":2880,"repository":2880,"state":2891,"title":2972,"updated_at":2973,"url":2974,"score":2975},"### Environment\n\n文档错误\n\n### Reproduction\n\nhttps://nuxt.com.cn/docs/api/components/nuxt-page\n\n### Describe the bug\n\n\r\n示例在线预览无法访问\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[2969,2970],{"name":2928,"color":2929},{"name":2958,"color":2959},21950,"Docs: The url to this repository is invalid.","2023-07-05T10:06:27Z","https://github.com/nuxt/nuxt/issues/21950",0.7487803,["Reactive",2977],{},["Set"],["ShallowReactive",2980],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fy1fwzwRGk7JHoYXXpK5uGFD2N2XkH5dbr8ESYAidD2Y":-1},"/nuxt/icon/171"]