Laravel Mix HMR not updating after compiling

Question

I have Laravel Mix 4.0.13 installed.

npm run watch works great, and running npm run hot it does seem to compile and detect my changes, recompiling.

However, nothing changes in the browser. In the console I see:

[HMR] Waiting for update signal from WDS...
[WDS] Hot Module Replacement enabled.

And after compiling, I get the following message twice, every time I compile:

[WDS] App updated. Recompiling...

I assume there needs to be another message that says reloading or something?

Another strange thing, if I try to refresh the page, it never loads anything from localhost:8080. It just sits there waiting indefinitely. I have to restart npm run hot and then reload the page.

Both JS/Vue and SASS doesn't reload in the browser.

Domel

Answer 1

You probably use .version() in your mix file. Like in the docs, versioning in development is not very useful, so you could;

if (mix.inProduction()) {
  mix.version();
}

Docs: https://laravel.com/docs/5.8/mix#versioning-and-cache-busting

Archduke

Last night, I was checking everything worked fine. I used git to mark where it worked. but IDK why I committed with version. reverting to those versions didn't work until I reach this question and answers -_- Thanks. – Bhutan

Answer 2

It seems there is a problem with mix.version(). After removing .version() from my webpack.mix.js file, everything appears to work.

Domel

I am sure it's inappropriate to say but FML -_- – Bhutan

Answer 3

Also maybe file is in different case, like 'element.vue' or 'Element.vue'

Burrton

Answer 4

Make sure you include manifest.js in the page

Tittivate