\r\n\u003C/template>\r\n```\n\n### Describe the bug\n\n1. When I run ``npm run dev`` the pages renders correctly. But doing changes in the server component are not updated on the page. I always have to stop the script and run ``npm run dev`` again to see the changes.\r\n2. Running ``npm run build`` and start the server with ``node .output/server/index.mjs`` renders a blank page and the following error is logged in the console:\r\n```\r\n[Vue warn]: Component \u003CAnonymous> is missing template or render function.\r\n```\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[2914,2915,2916,2919,2922],{"name":2870,"color":2871},{"name":2857,"color":2873},{"name":2917,"color":2918},"windows","C681FD",{"name":2920,"color":2921},"needs reproduction","FBCA04",{"name":2923,"color":2924},"closed-by-bot","ededed",24267,"Server Components are not working","2023-11-21T01:50:39Z","https://github.com/nuxt/nuxt/issues/24267",0.6515396,{"description":2931,"labels":2932,"number":2936,"owner":2860,"repository":2860,"state":2875,"title":2937,"updated_at":2938,"url":2939,"score":2940},"### Environment\r\n\r\n- Operating System: Darwin\r\n- Node Version: v18.18.2\r\n- Nuxt Version: 3.8.1\r\n- CLI Version: 3.9.1\r\n- Nitro Version: 2.7.2\r\n- Package Manager: npm@9.8.1\r\n- Builder: -\r\n- User Config: ssr, srcDir, components, nitro, modules, delayHydration, i18n, bootstrapVueNext, css, vite, devtools, app, runtimeConfig\r\n- Runtime Modules: @bootstrap-vue-next/nuxt@0.14.10, nuxt-jsonld@2.0.8, @nuxtjs/i18n@8.0.0-rc.5, @nuxt/devtools@1.0.3, nuxt-delay-hydration@1.3.3\r\n- Build Modules: -\r\n\r\n### Reproduction\r\n\r\n\r\n\r\n\r\n### Describe the bug\r\n\r\nHello, I'm in the beginning of development of an application, I still don't have many components, despite I have a dynamic component \u003Ccomponent :is=..>, I've added configuration to auto imports and Lazy prefix of components to work, the main issue is that when doing npm run dev, the application in the browser sometimes stays blank, other times it renders but imposible to do right click to see the inspector, and even when I open the inspector using Chrome 3 dot menu, I can see different things :\r\n- Sometimes when the application is visually rendered, the Elements part of the inspector is blank (empty)\r\n- Sometimes keeps reloading infinidly without rendering nothing\r\n- When using incognito window it usually renders fast but the page is still \"frozen\", not given the possibility of right click, showing the same issue for opening dev tools (the Chrome ones, because Nuxt dev tools, I have installed, the icon shows, but nothing happens when clicking in it), also in incognito, when rendering the app, sometimes the Elements tab of the inspector shows nothing, other times shows head and body tags but empty inside, and other times shows head but body empty, other times it shows the bundle (not showing anymore), and I stay in doubt on how to inspect HTML elements, since also the Nuxt Dev Tools seems not responding\r\n- Moreover hot reloading of the application seems not be working. And when I do some change I always have to restart the server and open again in the browser.\r\n- Same when refreshing the page, it stays indefenetly reloading and shows nothing in the end.\r\n\r\nI've tried several strategies, as making the components lazy and trying delay nuxt hydration as you see in the configuration (I'll leave more detail here), but nothing seems to improve responsiveness to the click and ability to inspect.\r\n\r\nAre you aware of this issue? Could you guess what it is hapenning?\r\n\r\n(In the beginning it appeared a message of optimizing dependencies, and hence I've tried optimizeDeps, but now this message doesn't appear anymore, even if with optimizeDeps commented)\r\n\r\nThank you so much\r\n\r\nnuxt.config.ts :\r\n\r\n\r\n```\r\nexport default defineNuxtConfig({\r\n ssr: true,\r\n srcDir: 'src/',\r\n components: [\r\n {\r\n path: '~/components',\r\n pathPrefix: false,\r\n },\r\n ],\r\n nitro: {\r\n routeRules: {\r\n (...)\r\n }\r\n },\r\n modules: ['@bootstrap-vue-next/nuxt','nuxt-jsonld','@nuxtjs/i18n','@nuxt/devtools','nuxt-delay-hydration'],\r\n delayHydration: {\r\n mode: 'init',\r\n // enables nuxt-delay-hydration in dev mode for testing\r\n // NOTE: you should disable this once you've finished testing, it will break HMR\r\n debug: process.env.NODE_ENV === 'development'\r\n },\r\n i18n: {\r\n strategy: 'prefix_except_default',\r\n locales: FT_USE_ONLY_FRENCH_VERSION ? [DEFAULT_LOCALE] : LOCALES,\r\n defaultLocale: DEFAULT_LOCALE.code,\r\n detectBrowserLanguage: false, /\r\n vueI18n: './nuxt-i18n.js',\r\n },\r\n bootstrapVueNext: {\r\n composables: true,\r\n },\r\n css: ['bootstrap/dist/css/bootstrap.min.css','@/assets/scss/main.scss'],\r\n vite: {\r\n server: {\r\n watch: {\r\n usePolling: true\r\n }\r\n },\r\n css: {\r\n preprocessorOptions: {\r\n scss: { additionalData: '@import \"@/assets/scss/_all.scss\";' },\r\n },\r\n },\r\n plugins: [\r\n svgLoader(),\r\n // this plugin is necessary to allow the application to build when using await for messages in i18n configuration\r\n topLevelAwait({\r\n // The export name of top-level await promise for each chunk module\r\n promiseExportName: \"__tla\",\r\n // The function to generate import names of top-level await promise in each chunk module\r\n promiseImportName: i => `__tla_${i}`\r\n })],\r\n /* optimizeDeps: {\r\n exclude: ['@unhead/vue','@prismicio/helpers'],\r\n },*/\r\n },\r\n devtools: { enabled: false },\r\n app: {\r\n head: {\r\n titleTemplate: '(...)'\r\n },\r\n },\r\n runtimeConfig: {\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_\r\n```",[2933,2934,2935],{"name":2870,"color":2871},{"name":2857,"color":2873},{"name":2920,"color":2921},24410,"Nuxt performace / Browser behavior","2024-01-03T16:22:52Z","https://github.com/nuxt/nuxt/issues/24410",0.6525991,{"description":2942,"labels":2943,"number":2947,"owner":2860,"repository":2860,"state":2875,"title":2948,"updated_at":2949,"url":2950,"score":2951},"### Environment\r\n\r\n------------------------------\r\n- Operating System: Darwin\r\n- Node Version: v19.9.0\r\n- Nuxt Version: 3.6.3\r\n- Nitro Version: 2.5.2\r\n- Package Manager: npm@9.6.3\r\n- Builder: vite\r\n- User Config: ssr, turnstile, build, hooks, vue, nitro, css, vite, postcss, app, modules, content, googleSignIn, runtimeConfig, devtools\r\n- Runtime Modules: nuxt-vue3-google-signin@0.0.8, @pinia/nuxt@0.4.11, @nuxt/content@2.7.0, @pinia/nuxt@0.4.11, @vuestic/nuxt@1.0.14, @nuxtjs/turnstile@0.5.0\r\n- Build Modules: -\r\n------------------------------\r\n\r\n### Reproduction\r\n\r\nUsually while importing any file,still unable to find exactly when this happens\r\n\r\n### Describe the bug\r\n\r\nWhenever I'm importing a file ,the below message come in all suddent, after reloading from browser still it doesn't go also after doing a npm run dev from same route ,\r\n\r\n\u003Cimg width=\"1240\" alt=\"image\" src=\"https://github.com/nuxt/nuxt/assets/52563039/3fe269ac-4a06-4df4-80d2-8c854b49b141\">\r\n\r\n### Additional context\r\n\r\n_No response_\r\n\r\n### Logs\r\n\r\n_No response_",[2944,2945,2946],{"name":2870,"color":2871},{"name":2857,"color":2873},{"name":2920,"color":2921},22150,"503 Server Unavailable while server iss running","2023-10-20T10:59:35Z","https://github.com/nuxt/nuxt/issues/22150",0.6532714,{"labels":2953,"number":2956,"owner":2860,"repository":2860,"state":2875,"title":2957,"updated_at":2958,"url":2959,"score":2960},[2954,2955],{"name":2870,"color":2871},{"name":2857,"color":2873},13606,"Component not loading more after change page.","2023-01-19T17:02:43Z","https://github.com/nuxt/nuxt/issues/13606",0.6544694,{"description":2962,"labels":2963,"number":2969,"owner":2860,"repository":2860,"state":2875,"title":2970,"updated_at":2971,"url":2972,"score":2973},"\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: v2.15.4\r\n- node: 15.1.0\r\n\r\n\r\n\r\n\u003C!--\r\nLink to a minimal test case based on one of:\r\n- A fork of https://template.nuxtjs.org\r\n- A GitHub repository that can reproduce the bug\r\nWithout a reproduction, it is so hard to address problem :(\r\n-->\r\nA TypeError occurs when a variable that is changed on `mounted()` is linked to a `v-if` of a component. \r\n\r\n### Reproduction\r\nThe following code returns an error in the browser.\r\n**~/pages/bar.vue**\r\n```\r\n\u003Ctemplate>\r\n \u003Cdiv>\r\n \u003CFoo v-if=\"loading\" />\r\n \u003C/div>\r\n\u003C/template>\r\n\u003Cscript>\r\nexport default {\r\n data() {\r\n return {\r\n loading: true\r\n }\r\n },\r\n mounted() {\r\n this.loading = false\r\n }\r\n}\r\n\u003C/script>\r\n```\r\n\r\n**~/components/Foo.vue**\r\n```\r\n\u003Ctemplate>\r\n \u003Cdiv>Loading\u003C/div>\r\n\u003C/template>\r\n```\r\n\r\nError in browser: \r\n```\r\nTypeError: Cannot read property 'resolved' of undefined\r\n at patchVnode (vue.runtime.esm.js?2b0e:6284)\r\n at updateChildren (vue.runtime.esm.js?2b0e:6193)\r\n at patchVnode (vue.runtime.esm.js?2b0e:6319)\r\n at VueComponent.patch [as __patch__] (vue.runtime.esm.js?2b0e:6482)\r\n at VueComponent.Vue._update (vue.runtime.esm.js?2b0e:3948)\r\n at VueComponent.updateComponent (vue.runtime.esm.js?2b0e:4060)\r\n at Watcher.get (vue.runtime.esm.js?2b0e:4479)\r\n at Watcher.run (vue.runtime.esm.js?2b0e:4554)\r\n at flushSchedulerQueue (vue.runtime.esm.js?2b0e:4310)\r\n at Array.eval (vue.runtime.esm.js?2b0e:1980)\r\n```\r\n\r\n\r\nThis error doesn't occur when the `v-if=\"loading\"` is applied to a `div`. \r\n\r\nApplying a timeout of 2000ms before running `this.loading = false` in mounted did not solve the problem.",[2964,2967,2968],{"name":2965,"color":2966},"stale","ffffff",{"name":2857,"color":2873},{"name":2884,"color":2885},9189,"Having a v-if on component of which value changes on mounted, returns TypeError.","2023-01-22T15:44:51Z","https://github.com/nuxt/nuxt/issues/9189",0.65465236,["Reactive",2975],{},["Set"],["ShallowReactive",2978],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$f7Ed9fKFwFUG-Jm6XhnKgoluX6CyGtenmavDMEWzUy9U":-1},"/nuxt/nuxt/24751"]