skip to Main Content

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:laragonwwwlara6
> 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:UsersmmaganteAppDataRoamingnpm-cache_logs2020-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

3

Answers


  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

    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.

    Login or Signup to reply.
  2. 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

    Login or Signup to reply.
  3. 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"
    }
    
    Login or Signup to reply.
Please signup or login to give your own answer.
Back To Top
Search