npm run watch is not working in Laravel 6.0

Question

I am following this video https://www.youtube.com/watch?v=zEPYSNO7o3Q

And I got error in npm run dev

This is the solution I try:

Step1: composer update
Step2: rm -rf node_modules
Step3: npm cache clean
Step4: npm install
Step5: npm outdated
Step6: npm install
Step7: npm run dev

But I still get this error:

> @ development C:\laragon\www\lara6
> cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules -- 
config=node_modules/laravel-mix/setup/webpack.config.js

'cross-env' is not recognized as an internal or external command,
operable program or batch file.
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! @ development: `cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js -- 
progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the @ development script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR!     C:\Users\mmagante\AppData\Roaming\npm-cache\_logs\2020-01-22T03_04_02_064Z-debug.log
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! @ dev: `npm run development`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the @ dev script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

I am currently using:

php artisan --version - Laravel Framework 6.12.0

node -v - v12.14.1

npm -v - 6.13.6

php -v - PHP 7.2.19

I also find this link and still not working: https://github.com/JeffreyWay/laravel-mix/issues/1072

Answer 1

Had a somewhat similar issue, npm run watch was not working on my end but it was not giving any error like that. Possible that you may need to install/reinstall cross-env first.

npm install cross-env

If npm run watch is still not working after that but with no errors, try the following:

1. install webpack again (no need to remove)

npm install webpack

2. in package.json, replace

"watch": "npm run development -- --watch",

with

"watch": "cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --watch --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js",

Possible that you do not need to do step 1. Just posted the steps I did to make it work on my end. Hope this helps someone since, I have been getting great answers in stackoverflow for quite sometime now, time to give back whenever I can.