HMR not working when marking changes in tailwind.config.js

[chrispreisler]

Hey guys,
I think I found a HMR bug.

Version

@nuxtjs/tailwindcss: 3.0.1
nuxt: 2.14.0

Reproduction Link

https://codesandbox.io/s/cocky-water-uc4qt?file=/pages/index.vue

I created a tailwind.config.js and set a color value. I added to the headline "The Coldest Sunset" a class "text-bug". So the headline shows in red. When you change the value to blue in the tailwind.config.js, nothing happens.

Expected Result

Before 3.0.0 I could make changes to the tailwind.config.js and then after some time the changes are shown in dev mode. Now nothing happens. I always have to restart the dev environment (yarn dev).

Do I miss any option to enable that or is this a bug since 3.0.0?

Thank you very much for your help in advance.

Best regards
Chris

[atinux]

Hi @chrispreisler

This is fixed with 8c26472

Released with v3.0.2 :)

[chrispreisler]

Wow that was fast. Thank you very much for your fast help. :)

[DanjBethel]

@atinux experiencing this now in 5.3.3. editing nuxt.config.ts doesn't restart the server. has to be manually ended and restarted.

[atinux]

What version of Nuxt are you using?

[ylhuang-richi]

@atinux I got the same problem.

"@nuxtjs/tailwindcss": "6.2.0"
"nuxt": "3.0.0"

Installed by npx nuxi init <project-name> and npm install --save-dev @nuxtjs/tailwindcss

[davidwebca]

I'm experiencing this as well, I've never had it work, but in my case there's a full page reload of the browser, the change seems to be detected by the module because I see logs in the command line while I'm developing, but the changes in the config file are not taken into account and the only way to have them work is to fully kill the dev task and start again. I'm on Nuxt 3.11.1 and nuxtjs/tailwindcss 6.11.4

[ineshbose]

Hey - this issue was brought up again in #682 and we reworked the module to fix this. Please test your project with 6.12.0 and if issue persists, we can continue discussion in #682. 🙂