'Laravel Mix HMR not updating after compiling

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.

node.jslaravelvue.jsnpmlaravel-mix


Solution 1:[1]

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

Solution 2:[2]

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

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source
Solution 1 Xethron
Solution 2 Serg_x

Related Questions