CODEWITHSUNDEEP
node.jslaravelnpmlaravel-6laravel-6.2
Mathew Magante
Mathew Magante

Reputation: 1407

npm run watch is not working in Laravel 6.0

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

Upvotes: 1

Views: 12939

Answers (3)

Rstar Kumawat
Rstar Kumawat

Reputation: 1

Add this to your package.json:

"scripts": {
  "dev": "npm run development",
  "development": "mix",
  "watch": "mix watch",
  "watch-poll": "mix watch -- --watch-options-poll=1000",
  "hot": "mix watch --hot",
  "prod": "npm run production",
  "production": "mix --production"
}

Upvotes: -1

Mahfujur Rahman
Mahfujur Rahman

Reputation: 167

Delete node_modules folder from your project.

Run npm install --global cross-env this command.

Delete "cross-env": "^5.0.1", From package.json file devDependencies section.

Run npm install --no-bin-links

Now run npm run dev

Upvotes: 2

Ethan Dranreb
Ethan Dranreb

Reputation: 31

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

  1. 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.

Upvotes: 3

Related Questions