.\nWhen I make changes to files inside /pages, the updates only appear after a manual reload in the browser.\nOn the other hand, components and content outside \u003CNuxtPage /> (for example, a \u003CUButton /> directly in the layout) continue to update automatically with HMR.\n\n### Additional context\n\nIf I change \u003CUButton label=\"teste\" />, HMR works as expected.\nIf I change any page inside /pages, the change is not reflected automatically.\n\nI cleaned the cache (.nuxt, node_modules, etc.) and reinstalled dependencies.\n\nI removed customizations from nuxt.config.ts to test.\n\nI discovered that the problem is related to the CSS configuration in nuxt.config.ts:\nWhen I use css: ['~/assets/css/main.css'], the issue occurs.\n\nTesting the contents of main.css, I noticed the problem happens specifically when the following import is present:\n\n```bash\n@import \"tailwindcss\";\n```\n\nIf I remove @import \"tailwindcss\"; from the file, HMR works normally again throughout the project (including the pages).\n\nThe issue occurs even with a minimal CSS file containing only @import \"tailwindcss\";.\n\nThis did not happen on Nuxt 3.\nThe bug only appears when importing Tailwind CSS via @import \"tailwindcss\"; inside the CSS configured in nuxt.config.ts.\nIf you need, I can provide a sample repository.\n\n### Logs\n\n```shell-script\n\n```",[3019,3022],{"name":3020,"color":3021},"pending triage","E99695",{"name":3023,"color":3024},"possible regression","B90A42",32749,"nuxt","closed","HMR does not work on \u003CNuxtPage /> pages when using Tailwind CSS imported in Nuxt 4","2025-07-25T07:38:51Z","https://github.com/nuxt/nuxt/issues/32749",0.6310525,{"description":3033,"labels":3034,"number":3035,"owner":3026,"repository":3026,"state":3027,"title":3036,"updated_at":3037,"url":3038,"score":3039},"### Environment\r\n\r\nNuxt CLI v3.0.0-27236898.4a34c2a \r\nRootDir: G:\\PROJECTS\\Testing\\NUXT\\nuxt3-app\r\nNuxt project info:\r\n```\r\n------------------------------\r\n- Operating System: `Windows_NT`\r\n- Node Version: `v16.8.0`\r\n- Nuxt Version: `3-3.0.0-27236898.4a34c2a`\r\n- Package Manager: `Yarn`\r\n- Bundler: `Webpack`\r\n- User Config: `-`\r\n- Runtime Modules: `-`\r\n- Build Modules: `-`\r\n------------------------------\r\n```\r\n\r\n### Describe the bug\r\n\r\nHMR with Vite randomly skip updates, I mean some (random I guess) updates on the code don't show up on the browser.\r\n\r\n### Reproduction\r\n\r\nJust use the basic generated app from the CLI and add/remove some code in the template part of `app.vue`.\r\nRepeat that until you notice that some updates on the code don't show up on the browser.\r\nIt is more noticeable if you work fast with `tailwindcss/windicss`.\r\n\r\n### Additional context\r\n\r\n_No response_\r\n\r\n### Logs\r\n\r\n_No response_",[],12081,"HMR (with Vite) randomly skip updates and stop working","2023-01-19T15:54:17Z","https://github.com/nuxt/nuxt/issues/12081",0.63272506,{"labels":3041,"number":3042,"owner":3026,"repository":3026,"state":3027,"title":3036,"updated_at":3043,"url":3044,"score":3039},[],12146,"2023-01-19T15:59:14Z","https://github.com/nuxt/nuxt/issues/12146",{"description":3033,"labels":3046,"number":3047,"owner":3026,"repository":3026,"state":3027,"title":3036,"updated_at":3048,"url":3049,"score":3039},[],12240,"2023-01-19T16:00:22Z","https://github.com/nuxt/nuxt/issues/12240",{"labels":3051,"number":3052,"owner":3026,"repository":3026,"state":3027,"title":3036,"updated_at":3053,"url":3054,"score":3039},[],12308,"2023-01-19T16:02:56Z","https://github.com/nuxt/nuxt/issues/12308",{"description":3033,"labels":3056,"number":3066,"owner":3026,"repository":3026,"state":3027,"title":3036,"updated_at":3067,"url":3068,"score":3069},[3057,3060,3063],{"name":3058,"color":3059},"3.x","29bc7f",{"name":3061,"color":3062},"bug","d73a4a",{"name":3064,"color":3065},"❗ p4-important","D93F0B",11956,"2023-09-04T18:24:41Z","https://github.com/nuxt/nuxt/issues/11956",0.63978684,{"description":3071,"labels":3072,"number":3077,"owner":3026,"repository":3026,"state":3027,"title":3078,"updated_at":3079,"url":3080,"score":3081},"### Environment\n\n```\r\n------------------------------\r\n- Operating System: Linux\r\n- Node Version: v18.18.0\r\n- Nuxt Version: 3.11.1\r\n- CLI Version: 3.11.1\r\n- Nitro Version: 2.9.4\r\n- Package Manager: npm@10.2.3\r\n- Builder: -\r\n- User Config: devtools, modules, tailwindcss\r\n- Runtime Modules: @nuxtjs/tailwindcss@6.11.4\r\n- Build Modules: -\r\n------------------------------\r\n```\n\n### Reproduction\n\nhttps://stackblitz.com/edit/github-4um3z1-gdby4j\n\n### Describe the bug\n\nWhen an [arbitrary value Tailwind class with whitespace](https://tailwindcss.com/docs/adding-custom-styles#handling-whitespace) is used (e.g. `font-['Times_New_Roman']`), CSS HMR will throw an error on subsequent hard refreshes.\r\n\r\nI had originally reported this issue in https://github.com/nuxt-modules/tailwindcss/issues/815, but @ineshbose later discovered the HMR error occurs even with a manual Tailwind CSS setup (without the module), leading me to forward the issue here. Both of us also suspect this could be a Vite bug, but I have not been able to reproduce the issue in a plain Vite project (e.g. `npm create vue@latest`).\r\n\r\nError Repro:\r\n1. Open the reproduction project above.\r\n2. Edit `@/assets/custom.css` (e.g. change `color: aqua;` to `color: magenta;`), then save the file.\r\n3. Hard refresh the page, an error similar to what's below will be thrown.\r\n\r\n```\r\nERROR Internal server error: Parse error /home/projects/github-4um3z1/node_modules/tailwindcss/tailwind.css?direct:489:32 7:22:34 PM\r\n at parse$e (/home/projects/github-4um3z1/node_modules/vite/dist/node/chunks/dep-jDlpJiMN.js:16225:355)\r\n at handleModuleSoftInvalidation (/home/projects/github-4um3z1/node_modules/vite/dist/node/chunks/dep-jDlpJiMN.js:53757:27)\r\n at async getCachedTransformResult (/home/projects/github-4um3z1/node_modules/vite/dist/node/chunks/dep-jDlpJiMN.js:53562:10)\r\n at async doTransform (/home/projects/github-4um3z1/node_modules/vite/dist/node/chunks/dep-jDlpJiMN.js:53535:24)\r\n at async viteTransformMiddleware (/home/projects/github-4um3z1/node_modules/vite/dist/node/chunks/dep-jDlpJiMN.js:63458:32)\r\n```\n\n### Additional context\n\nThere are some workarounds documented in https://github.com/nuxt-modules/tailwindcss/issues/815#issuecomment-2002459123 that might be helpful in deducing what's actually causing this issue.\n\n### Logs\n\n_No response_",[3073,3074],{"name":3020,"color":3021},{"name":3075,"color":3076},"upstream","E8A36D",26454,"CSS HMR errors from Tailwind arbitrary value classes","2024-10-15T07:52:11Z","https://github.com/nuxt/nuxt/issues/26454",0.6470237,{"description":3083,"labels":3084,"number":3090,"owner":3026,"repository":3026,"state":3027,"title":3091,"updated_at":3092,"url":3093,"score":3094},"### Environment\n\n- Operating System: `Darwin`\r\n- Node Version: `v20.11.1`\r\n- Nuxt Version: `3.11.2`\r\n- CLI Version: `3.11.1`\r\n- Nitro Version: `2.9.6`\r\n- Package Manager: `yarn@4.2.2`\r\n- Builder: `-`\r\n- User Config: `devtools`, `debug`, `hooks`, `modules`, `plugins`, `nitro`, `runtimeConfig`, `dayjs`, `postcss`, `app`, `css`, `apollo`, `carousel`, `tour`, `vue`, `routeRules`\r\n- Runtime Modules: `@nuxtjs/tailwindcss@6.12.0`, `@nuxtjs/device@3.1.1`, `@nuxt/image@1.4.0`, `@pinia/nuxt@0.5.1`, `@pinia-plugin-persistedstate/nuxt@1.2.0`, `dayjs-nuxt@2.1.9`, `vue3-carousel-nuxt@1.1.1`, `@nuxtjs/apollo@5.0.0-alpha.14`, `nuxt-tour@0.0.9`, `@nuxtjs/i18n@8.3.1`\r\n- Build Modules: `-`\r\n\n\n### Reproduction\n\nCannot reproduce the issue either on new repo or stackblitz\r\n\r\nUsing \r\n\r\n \"nuxt\": \"^3.11.2\",\r\n \"@nuxtjs/tailwindcss\": \"^6.12.0\",\n\n### Describe the bug\n\nIn the below image in nuxt 3 bg-transparent is added at last but it is overridden by bg-yocket-neutral-100\r\n\r\n\u003Cimg width=\"647\" alt=\"Screenshot 2024-05-28 at 5 46 06 PM\" src=\"https://github.com/nuxt/nuxt/assets/45727492/081685a9-7c97-4f4e-8449-e3f0bfbc0719\">\r\n\r\nIn nuxt 2 the behaviour was opposite\r\n\u003Cimg width=\"1115\" alt=\"Screenshot 2024-05-28 at 5 52 22 PM\" src=\"https://github.com/nuxt/nuxt/assets/45727492/f4d6d5f5-d323-4312-bb37-46a4fb52f776\">\r\n\r\n\r\nThis same thing is happening throughout the project\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[3085,3086,3087],{"name":3058,"color":3059},{"name":3020,"color":3021},{"name":3088,"color":3089},"needs reproduction","FBCA04",27385,"Tailwindcss added at last is not applied","2024-05-30T05:43:05Z","https://github.com/nuxt/nuxt/issues/27385",0.6514185,{"description":3096,"labels":3097,"number":3099,"owner":3026,"repository":3026,"state":3027,"title":3100,"updated_at":3101,"url":3102,"score":3103},"### Environment\r\n\r\nNuxt project info: 3:47:44 PM\r\n\r\n------------------------------\r\n- Operating System: Linux\r\n- Node Version: v18.20.4\r\n- Nuxt Version: 3.12.4\r\n- CLI Version: 3.12.0\r\n- Nitro Version: 2.9.7\r\n- Package Manager: pnpm@9.6.0\r\n- Builder: -\r\n- User Config: typescript, extends, imports, modules, tailwindcss, pinia, app, css, experimental, runtimeConfig, nitro, pwa, build, devtools, vite, compatibilityDate\r\n- Runtime Modules: nuxt-swiper@1.2.2, @pinia/nuxt@0.5.1, @nuxtjs/tailwindcss@6.12.1, nuxt3-leaflet@1.0.13, nuxt-rating@0.0.15, @nuxtjs/device@3.1.1, @vite-pwa/nuxt@0.9.1, @nuxt/image@1.7.0, @nuxtjs/seo@2.0.0-rc.18\r\n- Build Modules: -\r\n\r\n\r\n### Reproduction\r\nhttps://stackblitz.com/edit/github-xazavh?file=app.vue\r\n-\r\n\r\n### Describe the bug\r\n\r\nI have an issue with nuxt3(3.12.4) @nuxtjs/tailwindcss. it takes around 20 seconds to restart development server, and also when i change even a text in my project, tailwind hot reloaded too and it causes HMR take more than 15 seconds.\r\nwithout tailwind everything is ok.\r\n\r\n\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_",[3098],{"name":3020,"color":3021},28579,"Nuxt 3.12.4 with Tailwindcss Take too long in loading and HMR","2024-08-17T19:23:53Z","https://github.com/nuxt/nuxt/issues/28579",0.6538117,{"labels":3105,"number":3112,"owner":3026,"repository":3026,"state":3027,"title":3113,"updated_at":3114,"url":3115,"score":3116},[3106,3107,3108,3109],{"name":3058,"color":3059},{"name":3061,"color":3062},{"name":3075,"color":3076},{"name":3110,"color":3111},"upstream-bug","B60205",14579,"HMR on looping component","2023-01-19T17:37:22Z","https://github.com/nuxt/nuxt/issues/14579",0.65659326,["Reactive",3118],{},["Set"],["ShallowReactive",3121],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fXWFZiQbYxwljdU0Z05yB4KStBcuDcwOakLO_w15_W8I":-1},"/nuxt/nuxt/9546"]