'Webpack-Dev-Server' Is Not Recognized as an Internal or External Command,
I Cloned This Webpack Starter Package Through Github Using Gitbash Following a Tutorial on Pluralsight. I Am Trying to Access Webpack Through Visual Studio...
I cloned this Webpack Starter package through github using gitbash following a tutorial on pluralsight. I am trying to access webpack through Visual Studio Code's integrated terminal but i get the following error. I am new to this so kindly help me on this.
I am running a command
Raza Zaidi@RazaZaidi-PC MINGW64 ~/webpack-starter (master)
$ npm run dev
and then following error occurs
> yet-another-webpack-es6-starterkit@1.0.0 dev C:\Users\Raza Zaidi\webpack-starter
> webpack-dev-server --open --config webpack/webpack.config.dev.js
'webpack-dev-server' is not recognized as an internal or external command,
operable program or batch file.
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! yet-another-webpack-es6-starterkit@1.0.0 dev: `webpack-dev-server --open --config webpack/webpack.config.dev.js`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the yet-another-webpack-es6-starterkit@1.0.0 dev 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\Raza Zaidi\AppData\Roaming\npm-cache\_logs\2018-08-14T20_16_29_017Z-debug.log
7 Answers
Webpack command should be present in location: node_modules\.bin\
In this case in package.json file we are referring to webpack-dev-server, but locally webpack-dev-server doesn't exist.
First run following command for global installation:
npm install -g webpack-dev-server
Second execute local installation command, which will create node_modules\.bin\webpack-dev-server:
npm install webpack-dev-server --save-dev
running
npm install -g webpack-dev-server
in cmd as an administrator solved my problem. I hope it helps others.
Recent versions of Webpack & WDS need webpack-cli package, I recommend you to downloaded if your Webpack version is 4 or higher
For me, instead of installing webpack-dev-server globally, I simply uninstalled and reinstalled the local package:
npm uninstall webpack-dev-server
npm install webpack-dev-server
first I've install webpack-dev-server in global
npm install -g webpack-dev-server
after installation I got this error..
Error: Cannot find module 'webpack'
this is version not matching problem, in my code I used these dependencies
"devDependencies": {
"babel-core": "^6.26.3",
"babel-loader": "^8.2.2",
"babel-preset-es2015": "^6.24.1",
"webpack": "2.2.0-rc.3",
"webpack-cli": "^4.6.0",
"webpack-dev-server": "2.1.0-beta.0",
"webpack-validator": "^2.3.0"
},
so change webpack-dev-server version in global
npm install -g webpack-dev-server@2.1.0-beta.0
in my case this was worked
Check your node version, in my case switching to last node version helped.
I solved this problem by typing command: npm update
Sarah Jenkins is a veteran tech journalist with over 12 years of experience covering artificial intelligence, mobile innovations, and digital ethics. Her insights have appeared in leading technology publications worldwide.
