`npm run watch` not working in Laravel 5.4

Question

Using Laravel 5.4 and Mix, when I run npm run watch it compiles everything once and looks like it is waiting for changes, but when I make changes to any of my asset files it doesn't seem to detect anything. Is anyone else having this issue in 5.4 or have a solution?

@mrabbani Yes the files are saved, but watch doesn't pick them up. If I stop watch and run it again it will find the changes on the first compile but nothing after that. — Josh Mountain, Jan 26 '17 at 17:58
I am facing the same issue. I run `npm run watch` and files are compiled only the first time. It seems that watch is waiting for changes but the only way to make it work is stop watch and run it again. Tried `node_modules/.bin/webpack --watch --watch-poll --config=node_modules/laravel-mix/setup/webpack.config.js` but still no luck. — KoKa, Apr 19 '17 at 12:33

score 40 · Accepted Answer · answered Jan 30 '17 at 17:27

40

The solution was provided by Jeffrey Way over at Laracasts.

Try adding the --watch-poll flag to your package.json script. Or just try:

node_modules/.bin/webpack --watch --watch-poll --config=node_modules/laravel-mix/setup/webpack.config.js

answered Jan 30 '17 at 17:27

Josh Mountain

1,888
10
34
51

3

FYI, as of May 3rd 2017, Laravel includes a 'watch-poll' command that does this for you. – Mikayla Maki May 03 '17 at 21:38
23

`npm run watch-poll` – Darius Aug 06 '17 at 12:04
Webpack isn't present in `node_modules/.bin/` for me – DFSFOT Jun 17 '19 at 14:26
This didnt work for me. `watch-poll` gave me the same results – tmarois Nov 16 '19 at 20:54
2

The problem with this is it maxes out the processor making it very slow to work with. I don't suppose there is a fix for the actual issue? – Paul Barclay May 11 '20 at 10:18

score 13 · Answer 2 · answered Feb 28 '19 at 13:32

13

npm run watch-poll

It's working on ubuntu as well And auto compiling on code changes. Thank you.

answered Feb 28 '19 at 13:32

Atiar Rahman

194
1
9

Hussam Adil · Answer 3 · 2019-10-29T03:28:03.520

5

npm run watch-poll

watch-poll periodically checks (polls) for changes e.g. every 1000ms it will manually check to see if any files have changed.

what laravel docs say?

You may find that in certain environments Webpack isn't updating when your files change. If this is the case on your system, consider using the watch-poll command. You can read up on the docs for a more information about mix.

edited Oct 29 '19 at 03:28

answered Oct 29 '19 at 02:44

Hussam Adil

502
7
13

score 1 · Answer 4 · answered Mar 30 '22 at 11:58

I prefer to use inotify-tools. To install this tool set run this command:

Ubuntu:

sudo apt install inotify-tools -y

Centos:

sudo yum -y install inotify-tools

then for big folders run:

sudo sysctl fs.inotify.max_user_watches=500000000

finally run this command to watch folder changes:

while true; do npm run dev; inotifywait -e modify,create,delete,move -r resources/ ; done

You can limit target watching directory (resources/ in this example) for better performance.

score 0 · Answer 5 · answered Nov 19 '20 at 12:14

I was using mix.scripts which doesn't actually compile your scripts, just copies them, so there is no npm readout on a compilation, because it's not compiling anything. If you aren't using mix.js or mix.sass (r any of the other compilers in your webpack.mix.js file then npm run watch will appear to do nothing because it is just copying in the background.

`npm run watch` not working in Laravel 5.4

5 Answers5

Linked