moejoe moejoe - 2 years ago 514
Node.js Question

Webpack - webpack-dev-server: command not found

I am working on a React webapp using webpack, loosely alongside this tutorial.

Accidentally, I added the node_modules folder to my git. I then removed it again using

git rm -f node_modules/*

Now, when I try starting the webpack server, I get the following error:

> webpack-dev-server -d --config --content-base public/ --progress --colors

sh: webpack-dev-server: command not found

npm ERR! Darwin 14.4.0
npm ERR! argv "node" "/usr/local/bin/npm" "run" "devserve"
npm ERR! node v0.12.4
npm ERR! npm v2.10.1
npm ERR! file sh
npm ERR! errno ENOENT
npm ERR! syscall spawn
npm ERR! [email protected] devserve: `webpack-dev-server -d --config --content-base public/ --progress --colors`
npm ERR! spawn ENOENT

At first I thought it was only my project, but then I checked out the code checkpoints of the tutorial: same error! So something seems to be messed up globally.

Here's what I tried so far:

  • rm node_modules
    and reinstall with
    npm install

  • npm cache clean
    as someone mentioned regarding this issue on github

  • install webpack globally with
    npm install -g webpack

  • completely delete node and npm from my system (using this guide) and reinstall using brew

The error message still persists. What else can I try?

PS: The content of

var config = require('./webpack.config.js');
var webpack = require('webpack');

new webpack.DefinePlugin({
"process.env": {
"NODE_ENV": JSON.stringify("development")

module.exports = config;

Answer Source

Okay, it was easy:

npm install webpack-dev-server -g

What confused me that I did not need that at first, probably things changed with a new version.

Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download