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.
Be part of JetBrains PHPverse 2026 on June 9 – a free online event bringing PHP devs worldwide together.
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
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.
@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&
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.
@DIEGOAURINO - Ok, let's try :)
EDIT:
14% building 35/54 modules 19 active ...able.vue?vue&type=template&id=25b3b81e&
now is 35/54 :/
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?
{
"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"
}
}
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
Oh yeah, Laravel Mix - Build successful :) Thank you for answers! You learned me how to reinstall modules! Bless you!
Happy it helped. Please mark it as solved. Good luck, @ziben69 ! :)
I have one more problem with Vue, but I will write for moment new subject :P
Please or to participate in this conversation.