\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```",[3019,3022,3025,3028],{"name":3020,"color":3021},"dx","C39D69",{"name":3023,"color":3024},"bug","d73a4a",{"name":3026,"color":3027},"vite","3574D1",{"name":3029,"color":3030},"🔨 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":3039,"labels":3040,"number":3041,"owner":3032,"repository":3042,"state":3043,"title":3044,"updated_at":3045,"url":3046,"score":3047},"\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":3049,"labels":3050,"number":3051,"owner":3032,"repository":3052,"state":3043,"title":3053,"updated_at":3054,"url":3055,"score":3056},"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":3058,"labels":3059,"number":3063,"owner":3032,"repository":3032,"state":3043,"title":3064,"updated_at":3065,"url":3066,"score":3067},"\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>",[3060],{"name":3061,"color":3062},"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":3069,"labels":3070,"number":3071,"owner":3032,"repository":3072,"state":3043,"title":3073,"updated_at":3074,"url":3075,"score":3076},"### 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":3078,"number":3083,"owner":3032,"repository":3032,"state":3043,"title":3084,"updated_at":3085,"url":3086,"score":3087},[3079,3082],{"name":3080,"color":3081},"3.x","29bc7f",{"name":3023,"color":3024},11909,"Error on stackblitz","2023-01-19T15:58:20Z","https://github.com/nuxt/nuxt/issues/11909",0.74651515,{"description":3089,"labels":3090,"number":3092,"owner":3032,"repository":3032,"state":3043,"title":3093,"updated_at":3094,"url":3095,"score":3096},"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",[3091],{"name":3061,"color":3062},5060,"https://nuxtjs.org/guide/views/#error-page","2023-01-18T20:10:40Z","https://github.com/nuxt/nuxt/issues/5060",0.74653023,{"description":3098,"labels":3099,"number":3101,"owner":3032,"repository":3032,"state":3043,"title":3102,"updated_at":3103,"url":3104,"score":3105},"https://nuxt.com/docs/guide/directory-structure/middleware#format\r\n\r\n\r\n\r\n\r\n\r\n",[3100],{"name":3080,"color":3081},15632,"bug: docs `{` ","2023-01-19T18:19:54Z","https://github.com/nuxt/nuxt/issues/15632",0.7465623,{"description":3107,"labels":3108,"number":3113,"owner":3032,"repository":3032,"state":3043,"title":3114,"updated_at":3115,"url":3116,"score":3117},"\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```",[3109,3112],{"name":3110,"color":3111},"pending triage","E99695",{"name":3061,"color":3062},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":3119,"labels":3120,"number":3123,"owner":3032,"repository":3032,"state":3043,"title":3124,"updated_at":3125,"url":3126,"score":3127},"### 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_",[3121,3122],{"name":3080,"color":3081},{"name":3110,"color":3111},21950,"Docs: The url to this repository is invalid.","2023-07-05T10:06:27Z","https://github.com/nuxt/nuxt/issues/21950",0.7487803,["Reactive",3129],{},["Set"],["ShallowReactive",3132],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fy1fwzwRGk7JHoYXXpK5uGFD2N2XkH5dbr8ESYAidD2Y":-1},"/nuxt/icon/171"]