\n \u003CPageContentblock v-for=\"(item, index) in posts.data[0].content\" :key=\"item.id\" :item=\"item\" v-once/>\n \u003C/div>\n\u003C/template>\n\u003Cscript setup lang=\"ts\">\nconst img = useImage()\nconst { data: posts } = await useAsyncData('home', () => $fetch('https://dummyurl.to.directus'), { watch: false, deep: false, strategy: 'static' })\nvar metaData = [{ name: 'description', content: posts.value.data[0].meta_description }, { property: 'og:image', content: img('/directus/assets/' + posts.value.data[0].OG_Image,{ width: 1024, height: 576, format: 'webp'}) }]\nuseHead({\n title: posts.value.data[0].titel,\n meta: metaData\n})\n\u003C/script>\n\n### Reproduction\n\nYou can see the issue live on my production website when you open the console:\nhttps://www.florian-strasser.de\n\n### Describe the bug\n\nWhen I switched over from nuxt 2 to nuxt 3 it introduced my website to the warning:\n`The resource https://www.florian-strasser.de/_payload.json?54c17914-61aa-4ea1-86d9-735ec3e50181 was preloaded using link preload but not used within a few seconds from the window's load event. Please make sure it wasn't preloaded for nothing.`\n\nAt first I thought that this will be fixed during later patches, but now we are more or less before nuxt 4 and it still appears.\n\nSince the latest patches there is also another json file that has a similar warning:\n`[Warning] The resource https://www.florian-strasser.de/_nuxt/builds/meta/54c17914-61aa-4ea1-86d9-735ec3e50181.json was preloaded using link preload but not used within a few seconds from the window's load event. Please make sure it wasn't preloaded for nothing.`\n\nThe Files are not that big as I would expect any problems - also my page speed results are pretty good so I really don't understand what could be the issue for that type of warning. When inspecting the payload json someone could argue that this is actually alot of text, but I don't see other possibilities when creating an entire page.\n\nFor the meta file I'm even more confused since is a very small file.\n\nAnyone has an idea?\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[3019,3022],{"name":3020,"color":3021},"pending triage","E99695",{"name":3023,"color":3024},"needs reproduction","FBCA04",30833,"nuxt","open","[de:translated] payload.json and meta json file preloaded but not used within a few seconds","2025-03-18T22:28:42Z","https://github.com/nuxt/nuxt/issues/30833",0.6458184,{"labels":3033,"number":3041,"owner":3026,"repository":3026,"state":3042,"title":3043,"updated_at":3044,"url":3045,"score":3046},[3034,3037,3038],{"name":3035,"color":3036},"stale","ffffff",{"name":3020,"color":3021},{"name":3039,"color":3040},"2.x","d4c5f9",10304,"closed","Nuxt doesn't minify html entirely","2023-01-22T15:45:12Z","https://github.com/nuxt/nuxt/issues/10304",0.60773695,{"description":3048,"labels":3049,"number":3055,"owner":3026,"repository":3026,"state":3042,"title":3056,"updated_at":3057,"url":3058,"score":3059},"### Environment\n\n------------------------------\r\n- Operating System: Linux\r\n- Node Version: v16.20.0\r\n- Nuxt Version: 3.6.5\r\n- Nitro Version: 2.5.2\r\n- Package Manager: npm@9.4.2\r\n- Builder: vite\r\n- User Config: app, runtimeConfig, modules, css, nitro, content, unocss, site, sitemap, routeRules, devtools\r\n- Runtime Modules: @nuxt/content@2.7.2, @vueuse/nuxt@10.3.0, @unocss/nuxt@0.55.3, nuxt-simple-robots@3.1.1, nuxt-simple-sitemap@3.2.5, nuxt-schema-org@2.2.0, @nuxthq/studio@0.13.4, @nuxtjs/plausible@0.2.1\r\n- Build Modules: -\r\n------------------------------\n\n### Reproduction\n\nhttps://stackblitz.com/github/unjs/website?file=README.md\n\n### Describe the bug\n\nHello,\r\n\r\nI don't know how to create a smaller reproduction of this issue.\r\n\r\nYou can read more in this issue https://github.com/unjs/website/issues/89\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[3050,3053,3054],{"name":3051,"color":3052},"3.x","29bc7f",{"name":3020,"color":3021},{"name":3023,"color":3024},22909,"Inlined style are not minified","2023-12-26T13:22:45Z","https://github.com/nuxt/nuxt/issues/22909",0.62644637,{"description":3061,"labels":3062,"number":3076,"owner":3026,"repository":3077,"state":3042,"title":3078,"updated_at":3079,"url":3080,"score":3081},"### Environment\n\n- Operating System: Linux\n- Bun Version: v1.1.29\n- Vue Version: v3.5.13\n- Vite Version: v5.4.11\n- Package Manager: bun@1.1.29\n\n### Is this bug related to Nuxt or Vue?\n\nVue\n\n### Version\n\nv3.0.0-alpha.9\n\n### Reproduction\n\nUnable to run on \u003Chttps://stackblitz.com/edit/vitejs-vite-2s99rp> because of https://github.com/stackblitz/core/issues/1855 (I think) but I'll create a repo as soon as I can.\n\n### Description\n\nAfter following the setup tutorial for the installation of Nuxt UI in a Vue-only environment and running the project, I get an error (see logs). \nThe only different thing in the setup I had to do is that, as I am building a custom element, I did:\n```ts\nconst Widget = defineCustomElement(App, {\n\tconfigureApp(app) {\n\t\tapp.use(ui)\n\t\tapp.use(i18n)\n\t\tapp.provide(I18nInjectionKey, i18n)\n\t},\n})\n```\nInstead of the usual `createApp` method. Did I miss something?\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n15:53:45 [vite] Internal server error: [postcss] postcss-import: /home/dany/Documenti/GitHub/chat-widget/node_modules/@nuxt/ui/dist/module.mjs:1:16: Unknown word\n Plugin: vite:css\n File: /home/dany/Documenti/GitHub/chat-widget/node_modules/@nuxt/ui/dist/module.mjs:1:15\n 1 | import defu, { defu as defu$1 } from 'defu';\n | ^\n 2 | import { defineNuxtModule, createResolver, addVitePlugin, addPlugin, addComponentsDir, addImportsDir, extendPages, hasNuxtModule, installModule } from '@nuxt/kit';\n 3 | import { d as defaultOptions, r as resolveColors, a as getDefaultUiConfig, b as addTemplates, c as buildTemplates } from './shared/ui.d52SSCwA.mjs';\n at Input.error (/home/dany/Documenti/GitHub/chat-widget/node_modules/postcss/lib/input.js:106:16)\n at Parser.unknownWord (/home/dany/Documenti/GitHub/chat-widget/node_modules/postcss/lib/parser.js:593:22)\n at Parser.other (/home/dany/Documenti/GitHub/chat-widget/node_modules/postcss/lib/parser.js:435:12)\n at Parser.parse (/home/dany/Documenti/GitHub/chat-widget/node_modules/postcss/lib/parser.js:470:16)\n at parse (/home/dany/Documenti/GitHub/chat-widget/node_modules/postcss/lib/parse.js:11:12)\n at get root [as root] (/home/dany/Documenti/GitHub/chat-widget/node_modules/postcss/lib/no-work-result.js:119:14)\n at Result.get [as root] (/home/dany/Documenti/GitHub/chat-widget/node_modules/postcss/lib/no-work-result.js:27:21)\n at loadImportContent (file:///home/dany/Documenti/GitHub/chat-widget/node_modules/vite/dist/node/chunks/dep-C6EFp3uH.js:867:33)\n at async Promise.all (index 0)\n at async resolveImportId (file:///home/dany/Documenti/GitHub/chat-widget/node_modules/vite/dist/node/chunks/dep-C6EFp3uH.js:800:27)\n15:53:45 [vite] Pre-transform error: [postcss] postcss-import: /home/dany/Documenti/GitHub/chat-widget/node_modules/@nuxt/ui/dist/module.mjs:1:16: Unknown word\n```",[3063,3066,3068,3071,3073],{"name":3064,"color":3065},"bug","d73a4a",{"name":3023,"color":3067},"CB47CF",{"name":3069,"color":3070},"v3","49DCB8",{"name":3072,"color":3036},"triage",{"name":3074,"color":3075},"vue","42b883",2827,"ui","Internal server error: [postcss] postcss-import: Unknown word","2025-05-15T15:06:27Z","https://github.com/nuxt/ui/issues/2827",0.62722313,{"description":3083,"labels":3084,"number":3091,"owner":3026,"repository":3026,"state":3042,"title":3092,"updated_at":3093,"url":3094,"score":3095},"### Environment\n\nNuxt project info: 07:37:15\r\n\r\n------------------------------\r\n- Operating System: `Linux`\r\n- Node Version: `v18.12.1`\r\n- Nuxt Version: `3.2.2`\r\n- Nitro Version: `2.2.2`\r\n- Package Manager: `yarn@1.22.19`\r\n- Builder: `vite`\r\n- User Config: `modules`, `buildModules`, `css`, `purgecss`, `vite`, `nitro`, `runtimeConfig`, `experimental`, `app`, `sourcemap`\r\n- Runtime Modules: `@vueuse/nuxt@9.3.1`, `@pinia/nuxt@0.4.3`\r\n- Build Modules: `@nuxtjs/eslint-module@3.1.0`, `nuxt-purgecss@2.0.0`\r\n------------------------------\r\n\n\n### Reproduction\n\nhere is `nuxt.config.js`\r\n```js\r\nimport postcssRTLCSS from 'postcss-rtlcss';\r\nimport {VitePWA} from 'vite-plugin-pwa';\r\nimport app from './config/app';\r\n\r\nexport default defineNuxtConfig({\r\n modules: [\r\n '@vueuse/nuxt',\r\n '@pinia/nuxt',\r\n ],\r\n buildModules: [\r\n '@nuxtjs/eslint-module',\r\n 'nuxt-purgecss',\r\n ],\r\n css: [\r\n '~/assets/styles/vendors/bootstrap/index.scss',\r\n '~/assets/styles/globals/index.scss',\r\n ],\r\n purgecss: {\r\n enabled: true,\r\n },\r\n vite: {\r\n server: {\r\n hmr: {\r\n protocol: 'ws',\r\n host: process.env.HOST,\r\n },\r\n },\r\n css: {\r\n postcss: {\r\n plugins: [\r\n postcssRTLCSS(),\r\n ],\r\n },\r\n },\r\n plugins: [\r\n VitePWA({\r\n base: '/',\r\n workbox: {\r\n navigateFallback: null,\r\n },\r\n manifest: {\r\n name: app.name,\r\n short_name: app.shortName,\r\n description: app.description,\r\n dir: app.dir,\r\n lang: app.lang,\r\n theme_color: app.themeColor,\r\n background_color: app.backgroundColor,\r\n icons: app.icons.manifest,\r\n },\r\n }),\r\n ],\r\n },\r\n nitro: {\r\n compressPublicAssets: true,\r\n },\r\n runtimeConfig: {\r\n mainApi: process.env.MAIN_API_SERVER,\r\n treksPageCache: process.env.TREKS_PAGE_CACHE,\r\n agenciesPageCache: process.env.AGENCIES_PAGE_CACHE,\r\n\r\n public: {\r\n mosaferanUrl: process.env.MOSAFERAN_URL,\r\n mainApi: process.env.MAIN_API_CLIENT,\r\n leafletTileUrl: process.env.LEAFLET_TILE_URL,\r\n gaMeasurementId: process.env.GA_MEASUREMENT_ID,\r\n gaDebugger: process.env.GA_DEBUGGER,\r\n },\r\n },\r\n experimental: {\r\n writeEarlyHints: false,\r\n },\r\n app: {\r\n buildAssetsDir: process.env.NUXT_APP_ASSETS_PATH,\r\n cdnURL: process.env.NUXT_APP_CDN_URL,\r\n pageTransition: false,\r\n layoutTransition: false,\r\n },\r\n sourcemap: {\r\n client: process.env.SOURCEMAP_CLIENT === 'true',\r\n },\r\n});\r\n```\r\nhere is `.env`\r\n```env\r\nHOST=172.20.20.52\r\nPORT=3000\r\n\r\nMOSAFERAN_URL=\"http://mos.test\"\r\nMAIN_API_CLIENT=\"http://api.mos.test\"\r\nMAIN_API_SERVER=\"http://api.mos.test\"\r\n\r\nNUXT_APP_ASSETS_PATH=\"\"\r\nNUXT_APP_CDN_URL=\"http://mos.test\"\r\n\r\nLEAFLET_TILE_URL=https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png\r\n\r\nGA_MEASUREMENT_ID=\"\"\r\nGA_DEBUGGER=\"false\"\r\n\r\nTREKS_PAGE_CACHE=10 # time in seconds\r\nAGENCIES_PAGE_CACHE=10 # time in seconds\r\n\r\nSOURCEMAP_CLIENT=true\r\n```\r\nhere is `package.json`\r\n```json\r\n{\r\n \"private\": true,\r\n \"scripts\": {\r\n \"build\": \"nuxt build\",\r\n \"dev\": \"nuxt dev\",\r\n \"generate\": \"nuxt generate\",\r\n \"preview\": \"nuxt preview\",\r\n \"analyze\": \"nuxt analyze\",\r\n \"postinstall\": \"nuxt prepare\",\r\n \"lint\": \"eslint --fix --ext .js,.ts,.vue .\"\r\n },\r\n \"devDependencies\": {\r\n \"@nuxtjs/eslint-config\": \"^11.0.0\",\r\n \"@nuxtjs/eslint-module\": \"^3.1.0\",\r\n \"@types/bootstrap\": \"^5.2.5\",\r\n \"@vueuse/core\": \"^9.3.1\",\r\n \"@vueuse/nuxt\": \"^9.3.1\",\r\n \"eslint\": \"^8.25.0\",\r\n \"eslint-plugin-nuxt\": \"^4.0.0\",\r\n \"nuxt\": \"^3.2.2\",\r\n \"nuxt-purgecss\": \"^2.0.0\",\r\n \"postcss-rtlcss\": \"^4.0.1\",\r\n \"sass\": \"^1.55.0\",\r\n \"vite-plugin-pwa\": \"^0.13.1\",\r\n \"vue-gtag-next\": \"^1.14.0\"\r\n },\r\n \"dependencies\": {\r\n \"@pinia/nuxt\": \"^0.4.3\",\r\n \"@vue-leaflet/vue-leaflet\": \"0.5.0\",\r\n \"@vueform/multiselect\": \"^2.5.6\",\r\n \"@vueform/slider\": \"^2.1.5\",\r\n \"bootstrap\": \"^5.2.2\",\r\n \"dayjs\": \"^1.11.5\",\r\n \"jalaliday\": \"^2.3.0\",\r\n \"leaflet\": \"1.9.1\",\r\n \"lodash\": \"^4.17.21\",\r\n \"mobile-detect\": \"^1.4.5\",\r\n \"qs\": \"^6.11.0\",\r\n \"resize-sensor\": \"^0.0.6\",\r\n \"sticky-sidebar\": \"^3.3.1\",\r\n \"swiper\": \"^8.4.4\",\r\n \"vue-toastification\": \"^2.0.0-rc.5\"\r\n }\r\n}\r\n```\n\n### Describe the bug\n\nThe bug appeared after upgrading to `nuxt@3.2.2` from `nuxt@3.0.0` using `npx nuxi upgrade`.\r\ndev server could not start because of the following error:\r\n```\r\nNuxi 3.2.2\r\nNuxt 3.2.2 with Nitro 2.2.2\r\n \r\n ERROR Cannot read properties of undefined (reading 'host')\r\n\r\n at Object.invoke (node_modules/nuxi/dist/chunks/dev.mjs:6768:82)\r\n at async _main (node_modules/nuxi/dist/cli.mjs:51:20)\r\n```\r\n\r\nso I went to `node_modules/nuxi/dist/chunks/dev.mjs:6768:82` and then I saw the following code:\r\n```js\r\nconst listener = await listen(serverHandler, {\r\n showURL: false,\r\n clipboard: args.clipboard,\r\n open: args.open || args.o,\r\n port: args.port || args.p || process.env.NUXT_PORT || config.devServer.port,\r\n hostname: args.host || args.h || process.env.NUXT_HOST || config.devServer.host,\r\n https: args.https !== false && (args.https || config.devServer.https) ? {\r\n cert: args[\"ssl-cert\"] || config.devServer.https && config.devServer.https.cert || void 0,\r\n key: args[\"ssl-key\"] || config.devServer.https && config.devServer.https.key || void 0\r\n } : false\r\n});\r\n```\r\nI wrote `console.log(args)` and there was just this: `{ _: [] }`\r\nthen I added `NUXT_PORT=3000` in my `.env` file and another error appeared:\r\n```\r\nERROR Cannot read properties of undefined (reading 'host')\r\n at Object.invoke (node_modules/nuxi/dist/chunks/dev.mjs:6769:82)\r\n at async _main (node_modules/nuxi/dist/cli.mjs:51:20)\r\n```\r\nthen I added `NUXT_HOST=172.20.20.52` in my `.env` file and again another error appeared:\r\n```\r\nERROR Cannot read properties of undefined (reading 'https')\r\n at Object.invoke (node_modules/nuxi/dist/chunks/dev.mjs:6770:70)\r\n at async _main (node_modules/nuxi/dist/cli.mjs:51:20)\r\n```\r\nI couldn't do anything about it.\r\nSo I wrote `console.log(config.devServer)` and it was `undefined`\r\nThen I found out that the problem was `config.devServer`\r\nI added the `devServer: {}` to `nuxt.config.js` and I solved my problem.\r\nbut this is not true solution\r\nit's better you handle the problem in your code\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[3085,3086,3089,3090],{"name":3051,"color":3052},{"name":3087,"color":3088},"workaround available","11376d",{"name":3020,"color":3021},{"name":3023,"color":3024},19164,"upgrade nuxt 3.0.0 to 3.2.2 create error on dev server (reading 'port' of undefined)","2023-09-20T00:20:51Z","https://github.com/nuxt/nuxt/issues/19164",0.6367299,{"description":3097,"labels":3098,"number":3103,"owner":3026,"repository":3026,"state":3042,"title":3104,"updated_at":3105,"url":3106,"score":3107},"I develop a website that runs with Nuxt 3.13.2, DaisyUI and TailwindCSS with bunch of nuxt modules, kindly please check the package.json details below:\n\n```\n{\n \"name\": \"the-website\",\n \"private\": true,\n \"type\": \"module\",\n \"scripts\": {\n \"build\": \"nuxt build\",\n \"dev\": \"nuxt dev\",\n \"generate\": \"nuxt generate --modern\",\n \"preview\": \"nuxt preview\",\n \"postinstall\": \"nuxt prepare\"\n },\n \"dependencies\": {\n \"@nuxt/image\": \"^1.8.1\",\n \"@nuxtjs/google-fonts\": \"^3.2.0\",\n \"@nuxtjs/i18n\": \"^8.3.3\",\n \"@nuxtjs/seo\": \"^2.0.0-rc.15\",\n \"@nuxtjs/tailwindcss\": \"^6.12.0\",\n \"@vee-validate/nuxt\": \"^4.13.2\",\n \"@vee-validate/yup\": \"^4.13.2\",\n \"@vueuse/core\": \"^11.1.0\",\n \"@vueuse/nuxt\": \"^11.1.0\",\n \"nuxt\": \"^3.13.2\",\n \"nuxt-booster\": \"^3.1.5\",\n \"nuxt-icons\": \"^3.2.1\",\n \"nuxt-mail\": \"^5.0.1\",\n \"nuxt-marquee\": \"^1.0.4\",\n \"nuxt-snackbar\": \"^1.0.4\",\n \"sass\": \"^1.77.5\",\n \"vue\": \"^3.4.27\",\n \"vue-countup-v3\": \"^1.4.2\",\n \"vue-router\": \"^4.3.3\",\n \"yup\": \"^1.4.0\"\n },\n \"devDependencies\": {\n \"@egoist/tailwindcss-icons\": \"^1.8.1\",\n \"@iconify/json\": \"^2.2.218\",\n \"@tailwindcss/forms\": \"^0.5.7\",\n \"@tailwindcss/typography\": \"^0.5.13\",\n \"daisyui\": \"^4.12.2\",\n \"nuxt-aos\": \"^1.2.5\"\n },\n \"packageManager\": \"yarn@4.4.1\"\n}\n```\n\nnuxt.config.ts:\n```\n// https://nuxt.com/docs/api/configuration/nuxt-config\nexport default defineNuxtConfig({\n $production: {\n devtools: { enabled: false },\n },\n\n ssr: true,\n devtools: { enabled: true },\n\n app: {\n head: {\n titleTemplate: '%s %separator WSoft Labs',\n meta: [\n {\n \"name\": \"viewport\",\n \"content\": \"width=device-width, initial-scale=1\"\n },\n {\n \"charset\": \"utf-8\"\n }\n ],\n link: [\n {\n rel: 'icon',\n href: '/favicon.ico'\n }\n ]\n }\n },\n\n runtimeConfig: {\n // apiSecret: '', // can be overridden by NUXT_API_SECRET environment variable\n public: {\n baseURL: process.env.NUXT_BASE_URL ?? 'http://localhost:3000',\n apiBase: process.env.NUXT_API_BASE ?? 'http://localhost:8000/api', // can be overridden by NUXT_PUBLIC_API_BASE environment variable\n apiUrl: process.env.NUXT_API_URL ?? 'http://localhost:8000',\n }\n },\n\n imports: {\n dirs: [\n // Scan top-level modules\n 'composables',\n // ... or scan modules nested one level deep with a specific name and file extension\n 'composables/*/index.{ts,js,mjs,mts}',\n // ... or scan all modules within given directory\n 'composables/**',\n 'utils/**'\n ]\n },\n\n components: [\n {\n path: './components',\n extensions: ['.vue'],\n pathPrefix: false\n }\n ],\n\n modules: [\n '@nuxtjs/tailwindcss',\n 'nuxt-snackbar',\n 'nuxt-icons',\n 'nuxt-marquee',\n '@vee-validate/nuxt',\n 'nuxt-aos',\n '@nuxtjs/i18n',\n '@nuxtjs/seo',\n 'nuxt-booster',\n '@nuxt/image',\n '@nuxtjs/google-fonts',\n '@vueuse/nuxt',\n [\n 'nuxt-mail', {\n message: {\n to: process.env.NUXT_MAIL_TO,\n },\n smtp: {\n host: process.env.NUXT_MAIL_SMTP,\n port: process.env.NUXT_MAIL_PORT ?? 25,\n secure: process.env.NUXT_MAIL_SMTP_SECURE ?? false,\n auth: {\n user: process.env.NUXT_MAIL_USER,\n pass: process.env.NUXT_MAIL_PASSWORD,\n }\n },\n }\n ],\n ],\n\n build: {\n transpile: ['vue-countup-v3'],\n },\n\n tailwindcss: {\n cssPath: [\n '~/assets/scss/main.scss',\n {\n injectPosition: 'first'\n }\n ],\n configPath: 'tailwind.config',\n exposeConfig: {\n level: 2\n },\n config: {},\n viewer: true,\n editorSupport: true\n },\n\n css: [\n \"@/assets/scss/main.scss\",\n ],\n\n snackbar: {\n top: true,\n right: true,\n duration: 5000\n },\n\n veeValidate: {\n autoImports: true,\n componentNames: {\n Form: 'VeeForm',\n Field: 'VeeField',\n FieldArray: 'VeeFieldArray',\n ErrorMessage: 'VeeErrorMessage',\n },\n },\n\n i18n: {\n locales: [\n {\n code: 'en',\n language: 'en-US',\n name: 'English',\n file: 'en-US.js'\n },\n {\n code: 'kr',\n language: 'kr-KR',\n name: 'Korean',\n file: 'kr-KR.js'\n },\n ],\n defaultLocale: 'kr',\n lazy: true,\n langDir: 'lang',\n compilation: {\n strictMessage: false\n },\n detectBrowserLanguage: {\n useCookie: true,\n cookieKey: 'wsoftlabs_i18n_redirected',\n alwaysRedirect: true,\n fallbackLocale: 'en',\n },\n },\n\n booster: {\n detection: {\n performance: true,\n browserSupport: true,\n battery: true,\n },\n performanceMetrics: {\n timing: {\n fcp: 800,\n dcl: 1200\n }\n }\n },\n\n image: {\n screens: {\n default: 320,\n xxs: 480,\n xs: 576,\n sm: 768,\n md: 996,\n lg: 1200,\n xl: 1367,\n xxl: 1600,\n '4k': 1921\n },\n provider: \"ipx\",\n dir: \"assets\"\n },\n\n googleFonts: {\n families: {\n Poppins: {\n wght: [100, 200, 300, 400, 500, 600, 700, 800, 900],\n ital: [100, 200, 300, 400, 500, 600, 700, 800, 900],\n }\n },\n display: 'swap',\n prefetch: false,\n preconnect: false,\n preload: false,\n download: true,\n base64: true,\n overwriting: true,\n },\n\n compatibilityDate: '2024-10-14'\n})\n```\n\nmy issue is when I try to run it via dev server via `yarn dev`, it will not show a warning for hydration mismatches:\n\n[![running in yarn dev][1]][1]\n\nbut when I do run `yarn generate && yarn preview`, it does show the said error:\n\n[![running in yarn generate][2]][2]\n\nwith this current `app.vue` codebase:\n\n[![prev. ClientOnly placement][3]][3]\n\n\nNow, I did a workaround and trying to tweak `ClientOnly` component to move the wrap and include the `NuxtLayout` component\n\n[![curr. ClientOnly placement][4]][4]\n\nafter then, I re-run `yarn generate && yarn preview`, the hydration error is gone but my images is now not working anymore.\n\n[![enter image description here][5]][5]\n\nbut when I run the workaround with `yarn dev`, it has the same result as the first screenshot (no hydration mismatches warnings/errors).\n\nI'm running a module called `nuxt-image` to optimize the images on load when uploaded to the server and `nuxt-booster` to boost the SEO-related things of the app.\n\nhere's my [repo][6] for further details and do some workaround about it, please do leave some comments/suggestions/guidance/help with the repo as a form of help will be much appreciated in order to improve the overall project and most importantly, myself.\n\n\n [1]: https://i.sstatic.net/AzYGTJ8J.png\n [2]: https://i.sstatic.net/JzzVXt2C.png\n [3]: https://i.sstatic.net/bZJL5luU.png\n [4]: https://i.sstatic.net/TyT166Jj.png\n [5]: https://i.sstatic.net/kZ6XfSmb.png\n [6]: https://github.com/noelc10/wsl-website",[3099,3100],{"name":3020,"color":3021},{"name":3101,"color":3102},"possible regression","B90A42",29704,"Nuxt 3.13.2: nuxt generate build hydration completed but contains mismatches errors","2025-06-02T17:32:34Z","https://github.com/nuxt/nuxt/issues/29704",0.64039266,{"description":3109,"labels":3110,"number":3116,"owner":3026,"repository":3026,"state":3042,"title":3117,"updated_at":3118,"url":3119,"score":3120},"### Environment\n\n```\r\n------------------------------\r\n- Operating System: Darwin\r\n- Node Version: v20.11.0\r\n- Nuxt Version: 3.11.2\r\n- CLI Version: 3.11.1\r\n- Nitro Version: 2.8.1\r\n- Package Manager: npm@9.6.6\r\n- Builder: -\r\n- User Config: devtools, modules, css, app, router, auth, devServer, robots, colorMode, pinia, build, typescript, piniaPersistedstate, hooks, site, sitemap, nitro, runtimeConfig, features\r\n- Runtime Modules: nuxt-icon@0.6.10, @nuxtjs/google-fonts@3.2.0, @formkit/auto-animate/nuxt@0.8.2, @pinia/nuxt@0.5.1, @pinia-plugin-persistedstate/nuxt@1.2.0, @nuxt/image@1.6.0, @nuxt/ui@2.15.2, @vueuse/nuxt@10.9.0, v-wave/nuxt, @sidebase/nuxt-auth@0.7.2, @nuxtjs/seo@2.0.0-rc.10, nuxt-aos@1.2.4\r\n- Build Modules: -\r\n------------------------------\r\n```\n\n### Reproduction\n\n-\n\n### Describe the bug\n\n```\r\n ERROR x Build failed in 886ms 2:08:15 AM\r\n\r\n\r\n ERROR Nuxt Build Error: [vite:css] [postcss] Method RegExp.prototype.exec called on incompatible receiver [object RegExp] 2:08:15 AM\r\nfile: /Users/mynuxtproject/node_modules/tailwindcss/tailwind.css:undefined:NaN\r\n\r\n file: node_modules/tailwindcss/tailwind.css:undefined:NaN\r\n at Proxy.exec (\u003Canonymous>)\r\n at Proxy.test (\u003Canonymous>)\r\n at registerPlugins (node_modules/tailwindcss/lib/lib/setupContextUtils.js:899:38)\r\n at createContext (node_modules/tailwindcss/lib/lib/setupContextUtils.js:1221:5)\r\n at getContext (node_modules/tailwindcss/lib/lib/setupContextUtils.js:1278:19)\r\n at node_modules/tailwindcss/lib/lib/setupTrackingContext.js:118:81\r\n at node_modules/tailwindcss/lib/processTailwindFeatures.js:46:11\r\n at plugins (node_modules/tailwindcss/lib/plugin.js:38:69)\r\n at LazyResult.runOnRoot (node_modules/postcss/lib/lazy-result.js:329:16)\r\n at LazyResult.runAsync (node_modules/postcss/lib/lazy-result.js:258:26)\r\n\r\n```\r\n\r\nand\r\n\r\n```\r\n ERROR x Build failed in 1.95s 2:03:45 AM\r\n\r\n\r\n ERROR Nuxt Build Error: [vite:css] [postcss] Method RegExp.prototype.exec called on incompatible receiver [object RegExp] 2:03:45 AM\r\nfile: /project_live/node_modules/.cache/nuxt-google-fonts/css/nuxt-google-fonts.css:undefined:NaN\r\n\r\n file: node_modules/.cache/nuxt-google-fonts/css/nuxt-google-fonts.css:undefined:NaN\r\n at Proxy.exec (\u003Canonymous>)\r\n at Proxy.test (\u003Canonymous>)\r\n at registerPlugins (node_modules/tailwindcss/lib/lib/setupContextUtils.js:899:38)\r\n at createContext (node_modules/tailwindcss/lib/lib/setupContextUtils.js:1221:5)\r\n at getContext (node_modules/tailwindcss/lib/lib/setupContextUtils.js:1278:19)\r\n at node_modules/tailwindcss/lib/lib/setupTrackingContext.js:118:81\r\n at node_modules/tailwindcss/lib/processTailwindFeatures.js:46:11\r\n at plugins (node_modules/tailwindcss/lib/plugin.js:38:69)\r\n at LazyResult.runOnRoot (node_modules/postcss/lib/lazy-result.js:329:16)\r\n at LazyResult.runAsync (node_modules/postcss/lib/lazy-result.js:258:26)\r\n ```\n\n### Additional context\n\nGet this error after \"nuxt build\"\n\n### Logs\n\n_No response_",[3111,3112,3115],{"name":3020,"color":3021},{"name":3113,"color":3114},"upstream","E8A36D",{"name":3023,"color":3024},27012,"Nuxt Build Error (RegExp.prototype.exec)","2024-07-17T11:11:02Z","https://github.com/nuxt/nuxt/issues/27012",0.64143693,{"description":3122,"labels":3123,"number":3126,"owner":3026,"repository":3026,"state":3042,"title":3127,"updated_at":3128,"url":3129,"score":3130},"### Environment\n\n- Operating System: `Darwin`\r\n- Node Version: `v16.17.0`\r\n- Nuxt Version: `3.6.5`\r\n- Nitro Version: `2.5.2`\r\n- Package Manager: `npm@9.8.1`\r\n- Builder: `vite`\r\n- User Config: `telemetry`, `app`, `css`, `modules`, `build`, `vite`, `typescript`, `postcss`, `runtimeConfig`, `googleFonts`\r\n- Runtime Modules: `@nuxtjs/tailwindcss@6.8.0`, `@nuxtjs/google-fonts@3.0.2`, `@formkit/nuxt@0.17.5`\r\n- Build Modules: `-`\r\n\n\n### Reproduction\n\nDifficult to provide a way to reproduce it since my repo is private (sorry), but here is the package.json:\r\n```\r\n{\r\n \"private\": true,\r\n \"scripts\": {\r\n \"build\": \"nuxt build\",\r\n \"dev\": \"nuxt dev\",\r\n \"generate\": \"nuxt generate\",\r\n \"preview\": \"nuxt preview\",\r\n \"postinstall\": \"nuxt prepare\"\r\n },\r\n \"devDependencies\": {\r\n \"@nuxtjs/google-fonts\": \"^3.0.2\",\r\n \"@nuxtjs/tailwindcss\": \"^6.8.0\",\r\n \"autoprefixer\": \"^10.4.13\",\r\n \"nuxt\": \"^3.5.1\",\r\n \"postcss\": \"^8.4.21\",\r\n \"tailwindcss\": \"^3.3.3\",\r\n \"vue-gtag-next\": \"^1.14.0\"\r\n },\r\n \"dependencies\": {\r\n \"@bugsnag/js\": \"^7.20.0\",\r\n \"@formkit/nuxt\": \"^0.17.5\",\r\n \"@fortawesome/fontawesome-pro\": \"^6.4.2\",\r\n \"@fortawesome/fontawesome-svg-core\": \"^6.4.2\",\r\n \"@fortawesome/pro-light-svg-icons\": \"^6.4.2\",\r\n \"@fortawesome/pro-regular-svg-icons\": \"^6.4.2\",\r\n \"@fortawesome/pro-solid-svg-icons\": \"^6.4.2\",\r\n \"@fortawesome/vue-fontawesome\": \"^3.0.3\",\r\n \"@headlessui/vue\": \"^1.7.15\",\r\n \"@hotjar/browser\": \"^1.0.9\",\r\n \"@mailchimp/mailchimp_marketing\": \"^3.0.80\",\r\n \"@openreplay/tracker\": \"^9.0.0\",\r\n \"contentful\": \"^10.4.0\",\r\n \"mixpanel-browser\": \"^2.46.0\",\r\n \"preline\": \"^1.9.0\"\r\n }\r\n}\r\n```\r\n\r\nAs well as the nuxt config:\r\n```\r\n// https://nuxt.com/docs/api/configuration/nuxt-config\r\nexport default defineNuxtConfig({\r\n app: {\r\n head: {\r\n script: [\r\n {\r\n src: \"/preline/preline.js\",\r\n body: true,\r\n defer: true,\r\n crossorigin: \"anonymous\",\r\n \"data-cfasync\": false,\r\n },\r\n {\r\n type: \"text/javascript\",\r\n innerHTML: `\r\n window.$crisp = []; window.CRISP_WEBSITE_ID =\r\n \"...\"; (function () { d = document; s =\r\n d.createElement(\"script\"); s.src = \"https://client.crisp.chat/l.js\";\r\n s.async = 1; d.getElementsByTagName(\"head\")[0].appendChild(s); })();\r\n `,\r\n }, // crips website id obfuscated for the github issue\r\n ],\r\n },\r\n },\r\n css: [\r\n \"~/assets/css/main.css\",\r\n \"@fortawesome/fontawesome-svg-core/styles.css\",\r\n ],\r\n modules: [\"@nuxtjs/tailwindcss\", \"@nuxtjs/google-fonts\", \"@formkit/nuxt\"],\r\n build: {\r\n transpile: [\"@fortawesome/vue-fontawesome\"],\r\n },\r\n vite: {\r\n build: {\r\n rollupOptions: {\r\n output: {\r\n chunkFileNames: \"_nuxt/[hash].js\", // can be .mjs or .js\r\n assetFileNames: \"_nuxt/[hash][extname]\",\r\n },\r\n },\r\n },\r\n },\r\n typescript: {\r\n tsConfig: {\r\n compilerOptions: {\r\n moduleResolution: \"bundler\",\r\n },\r\n },\r\n },\r\n postcss: {\r\n plugins: {\r\n tailwindcss: {},\r\n autoprefixer: {},\r\n },\r\n },\r\n runtimeConfig: {\r\n mailchimpApiKey: \"\",\r\n mailchimpServer: \"\",\r\n mailchimpAudienceId: \"\",\r\n public: {\r\n gtagId: \"\",\r\n mixpanelToken: \"\",\r\n ctfSpaceId: \"\",\r\n ctfCdaAccessToken: \"\",\r\n bugsnagApiKey: \"\",\r\n openreplayProjectKey: \"\",\r\n },\r\n },\r\n googleFonts: {\r\n display: \"swap\",\r\n download: process.env.NODE_ENV === \"production\",\r\n overwriting: false,\r\n stylePath: \"css/fonts.css\",\r\n families: {\r\n Inter: [100, 200, 300, 400, 500, 600, 700, 800, 900],\r\n \"Noto+Sans+KR\": [100, 300, 400, 500, 700, 900],\r\n },\r\n },\r\n});\r\n```\n\n### Describe the bug\n\nRunning the command `nuxt build` break at Nitro step with an unclear error `undefined`.\r\nI had no issue from my previous Nuxt version 3.5.3.\r\n\r\nIs there a way to get a more clear error backtrace, or is anyone already had this issue after upgrading?\r\n\r\nThank you!\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n9:25:10 AM: [info] .nuxt/dist/server/_nuxt/f947eaf0.js 467.79 kB │ map: 0.09 kB\r\n9:25:10 AM: [info] ✓ built in 3.97s\r\n9:25:10 AM: [success] Server built in 3988ms\r\n9:25:10 AM: [success] [nitro] Generated public dist\r\n9:25:10 AM: [nitro] Nitro now uses `isr` option to configure ISR behavior on Netlify. Backwards-compatible support for `static` and `swr` support with Builder Functions will be removed in the future versions. Set `future.nativeSWR: true` nitro config disable this warning.\r\n9:25:10 AM: [info] [nitro] Building Nitro Server (preset: `netlify`)\r\n9:25:19 AM: [error] [nitro] RangeError: Maximum call stack size exceeded\r\n9:25:19 AM: undefined\r\n9:25:19 AM: [error] Maximum call stack size exceeded\r\n9:25:19 AM: at BinaryExpression.parseNode (node_modules/rollup/dist/es/shared/node-entry.js:5914:14)\r\n9:25:19 AM: at new NodeBase (node_modules/rollup/dist/es/shared/node-entry.js:5831:14)\r\n9:25:19 AM: at new BinaryExpression (node_modules/rollup/dist/es/shared/node-entry.js:9294:1)\r\n9:25:19 AM: at BinaryExpression.parseNode (node_modules/rollup/dist/es/shared/node-entry.js:5945:29)\r\n9:25:19 AM: at new NodeBase (node_modules/rollup/dist/es/shared/node-entry.js:5831:14)\r\n9:25:19 AM: at new BinaryExpression (node_modules/rollup/dist/es/shared/node-entry.js:9294:1)\r\n9:25:19 AM: at BinaryExpression.parseNode (node_modules/rollup/dist/es/shared/node-entry.js:5945:29)\r\n9:25:19 AM: at new NodeBase (node_modules/rollup/dist/es/shared/node-entry.js:5831:14)\r\n9:25:19 AM: at new BinaryExpression (node_modules/rollup/dist/es/shared/node-entry.js:9294:1)\r\n9:25:19 AM: at BinaryExpression.parseNode (node_modules/rollup/dist/es/shared/node-entry.js:5945:29)\r\n```\n```\n",[3124,3125],{"name":3051,"color":3052},{"name":3020,"color":3021},22452,"[Nuxt 3.6.5] `nuxt build`, fail at Nitro step for \"undefined\"","2023-09-12T10:17:25Z","https://github.com/nuxt/nuxt/issues/22452",0.6425879,{"labels":3132,"number":3135,"owner":3026,"repository":3026,"state":3042,"title":3136,"updated_at":3137,"url":3138,"score":3139},[3133,3134],{"name":3020,"color":3021},{"name":3039,"color":3040},7943,"Modern build is bigger with less browser requirements","2023-01-22T15:36:08Z","https://github.com/nuxt/nuxt/issues/7943",0.6457484,{"description":3141,"labels":3142,"number":3145,"owner":3026,"repository":3026,"state":3042,"title":3146,"updated_at":3147,"url":3148,"score":3149},"I'm trying, when running npm run generate to not minify the HTML. \r\n\r\nEven though it's deprecated: \r\n\r\n```\r\ngenerate: {\r\n minify:false\r\n} \r\n```\r\n\r\n..does indeed minify the CSS. This isn't what I'm after though. \r\n\r\nThe [docs](https://nuxtjs.org/docs/configuration-glossary/configuration-build#htmlminify) say to use `html.minify` now: \r\n\r\n```\r\n{\r\n collapseBooleanAttributes: true,\r\n decodeEntities: true,\r\n minifyCSS: true,\r\n minifyJS: true,\r\n processConditionalComments: true,\r\n removeEmptyAttributes: true,\r\n removeRedundantAttributes: true,\r\n trimCustomFragments: true,\r\n useShortDoctype: true\r\n}\r\n```\r\n\r\nThese look like the presets but even if you change `minifyCSS` to `false` there is still no change in the output to the dist folder after running generate. \r\n\r\nAm I at all able to not compress/minify the HTML and to instead have it formatted nicely when I run `npm run generate`. \r\n\r\nMy nuxt.config.js\r\n\r\n```\r\nexport default {\r\n // Target: https://go.nuxtjs.dev/config-target\r\n target: 'static',\r\n\r\n // Global page headers: https://go.nuxtjs.dev/config-head\r\n head: {\r\n title: 'frontend-tw-build-test',\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 ]\r\n },\r\n\r\n // Global CSS: https://go.nuxtjs.dev/config-css\r\n css: [\r\n '@/assets/css/main.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/tailwindcss\r\n '@nuxtjs/tailwindcss',\r\n '@nuxt/postcss8'\r\n ],\r\n\r\n // Modules: https://go.nuxtjs.dev/config-modules\r\n modules: [\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 tailwindcss: {},\r\n autoprefixer: {},\r\n },\r\n },\r\n },\r\n\r\n html: {\r\n minify: {\r\n collapseBooleanAttributes: true,\r\n collapseInlineTagWhitespace: false,\r\n collapseWhitespac: false,\r\n decodeEntities: true,\r\n minifyCSS: false,\r\n minifyJS: false,\r\n processConditionalComments: true,\r\n removeEmptyAttributes: true,\r\n removeRedundantAttributes: true,\r\n trimCustomFragments: true,\r\n useShortDoctype: true\r\n }\r\n }\r\n\r\n\r\n}\r\n```\r\n\r\nAm I missing something blindingly obvious here?",[3143,3144],{"name":3020,"color":3021},{"name":3039,"color":3040},10668,"I am unable to access html.minify options for Nuxt.js in order to NOT minify the HTML output in run generate","2023-02-16T23:32:33Z","https://github.com/nuxt/nuxt/issues/10668",0.6470888,["Reactive",3151],{},["Set"],["ShallowReactive",3154],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fMcgF9gzXKhoJNbhxKdhMhukRQUMFsygldH_J36Lko98":-1},"/nuxt/nuxt/23085"]