Be part of JetBrains PHPverse 2026 on June 9 – a free online event bringing PHP devs worldwide together.

ziben69's avatar

npm run watch command stuck

Hello guys, I have big problem with npm run watch command

When I approve the command, it only goes to a certain point and stands:

 14% building 37/53 modules 16 active ...able.vue?vue&type=template&id=1e5566b8&

I've tried already to run

npm run development

command but still the same. Can you help me?

Thanks

0 likes
10 replies
diegoaurino's avatar

Hello, @ziben69 !

What operating system are you using?

Try to remove your package-lock.json and node_modules and reinstall your modules again.

Also try to use the "--verbose" flag to see more details.

Let me know if it helps.

ziben69's avatar

@DIEGOAURINO - Hey Diego, I use windows 10. So how can I install all modules again, I don't remember names of all modules :D

C:\xampp\htdocs\photography>npm run watch --verbose
npm info it worked if it ends with ok
npm verb cli [ 'C:\Program Files\nodejs\node.exe',
npm verb cli   'C:\Program Files\nodejs\node_modules\npm\bin\npm-cli.js',
npm verb cli   'run',
npm verb cli   'watch',
npm verb cli   '--verbose' ]
npm info using [email protected]
npm info using [email protected]
npm verb run-script [ 'prewatch', 'watch', 'postwatch' ]
npm info lifecycle @~prewatch: @
npm info lifecycle @~watch: @

> @ watch C:\xampp\htdocs\photography
> npm run development -- --watch

npm info it worked if it ends with ok
npm verb cli [ 'C:\Program Files\nodejs\node.exe',
npm verb cli   'C:\Program Files\nodejs\node_modules\npm\bin\npm-cli.js',
npm verb cli   'prefix',
npm verb cli   '-g' ]
npm info using [email protected]
npm info using [email protected]
npm verb exit [ 0, true ]
npm info ok
npm info it worked if it ends with ok
npm verb cli [ 'C:\Program Files\nodejs\node.exe',
npm verb cli   'C:\Program Files\nodejs\node_modules\npm\bin\npm-cli.js',
npm verb cli   'run',
npm verb cli   'development',
npm verb cli   '--',
npm verb cli   '--watch' ]
npm info using [email protected]
npm info using [email protected]
npm verb run-script [ 'predevelopment', 'development', 'postdevelopment' ]
npm info lifecycle @~predevelopment: @
npm info lifecycle @~development: @

> @ development C:\xampp\htdocs\photography
> cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js "--watch"

 10% building 1/1 modules 0 active
webpack is watching the files…

 14% building 34/52 modules 18 active ...able.vue?vue&type=template&id=17a64db7&
diegoaurino's avatar
Level 39

In your root directory, find the file "package-lock.json" and delete it. Do the same with the folder called "node_modules". After that, do "npm install".

Hope it helps.

1 like
ziben69's avatar

@DIEGOAURINO - Ok, let's try :)

EDIT:

 14% building 35/54 modules 19 active ...able.vue?vue&type=template&id=25b3b81e&

now is 35/54 :/

diegoaurino's avatar

Have you tried to reinstall your modules?

Check if your node installation on Windows is up to date.

It also appears to be stuck on the vue compilation. Check if there is something strange there.

Could you paste your "package.json here?

ziben69's avatar
{
    "private": true,
    "scripts": {
        "dev": "npm run development",
        "development": "cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js",
        "watch": "npm run development -- --watch",
        "watch-poll": "npm run watch -- --watch-poll",
        "hot": "cross-env NODE_ENV=development node_modules/webpack-dev-server/bin/webpack-dev-server.js --inline --hot --config=node_modules/laravel-mix/setup/webpack.config.js",
        "prod": "npm run production",
        "production": "cross-env NODE_ENV=production node_modules/webpack/bin/webpack.js --no-progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js"
    },
    "devDependencies": {
        "axios": "^0.18.0",
        "bootstrap": "^4.0.0",
        "cross-env": "^5.2.0",
        "jquery": "^3.2",
        "laravel-mix": "^4.0.7",
        "lodash": "^4.17.5",
        "popper.js": "^1.12",
        "resolve-url-loader": "^2.3.1",
        "sass": "^1.15.2",
        "sass-loader": "^7.1.0",
        "vue": "^2.5.17",
        "vue-template-compiler": "^2.6.8",
        "vuedraggable": "^2.19.1"
    },
    "dependencies": {
        "postcss-loader": "^3.0.0",
        "raw-loader": "^0.5.1"
    }
}
ziben69's avatar

I found error in one of vue components. After entering the command npm run production, it showed me the error of a particular component. Somewhere, I have a syntax error. I have to think where the error is. The empty component compiles without a problem, i.e. the error is in the component. I think I can deal with it, if not I hope I can count on you. Thank you

1 like
ziben69's avatar

Oh yeah, Laravel Mix - Build successful :) Thank you for answers! You learned me how to reinstall modules! Bless you!

1 like
ziben69's avatar

I have one more problem with Vue, but I will write for moment new subject :P

Please or to participate in this conversation.