Nuxt New Components not Hot Reloading / Compiling

Question

Facing a weird behavior lately. Created a new Nuxt.js app and some of the components I create are just not hot reloading. When I stop the dev server and recompile with npm run dev I can see the changes in the browser but they are just not hot reloading whenever I save while the dev server is running. This is just happening to a few of the components I create which makes it even more annoying.

What I've tried so far:

• checking my user has all required r/w Rights in the folder
• tried different nuxt versions
• created a blank nuxt project

Answer 1

It's happening because of folders names.

If you have something la this:

~/components/Products/ProductsSimple.vue

you must change it to

~/components/products/ProductsSimple.vue

(products folder with lowercase p)