"nmp start" command not working

This fixed it: the package.json we're supplied with lists webpack at ^1.13, and webpack-dev-server at ^1.14. I replaced webpack with the version from the setting-up-react-with-webpack package.json:

"webpack": "^1.14.0",

re-ran npm install, and now it works. I figured this out by googling: http://stackoverflow.com/questions/40379139/cannot-find-module-webpack-bin-config-yargs Note that webpack version 2 is now released.

If you are on ubuntu, you can have hard time to run command 'npm start' . You can try to fix it like this

"start": "./node_modules/.bin/webpack --config webpack.config.js --watch"

I was having trouble as well. Updated to package.json found on repo. And dont forget to

npm install --save-dev babel-core

Here's my package.json:

{
  "name": "webpack-treehouse-example",
  "version": "0.0.1",
  "scripts": {
    "build": "webpack --optimize-minimize",
    "start": "webpack-dev-server"
  },
  "devDependencies": {
    "babel-core": "^6.24.0",
    "babel-loader": "^6.2.4",
    "babel-preset-es2015": "^6.9.0",
    "babel-preset-stage-2": "^6.11.0",
    "html-webpack-plugin": "^2.22.0",
    "node-sass": "^3.8.0",
    "webpack": "^1.13.1",
    "webpack-dev-server": "^1.14.1"
  },
  "dependencies": {
    "jquery": "^3.1.0"
  }
}

In package.json, the start script should be like this:

"start": "webpack-dev-server"

Or possibly with a comma at the end if there are more scripts following. Basically, make sure the file is valid JSON.

I'm also getting this error (although I'm on windows.) I just completed the "setting up a react app with webpack" video series with Guil Henandez, where we also used webpack with an npm start script, and that ran just fine (this evening) so I don't know what the deal is. I tried re-installing deps and still not working.

Here is my package.json:

{
  "name": "webpack-treehouse-example",
  "version": "0.0.1",
  "scripts": {
    "build": "webpack --optimize-minimize",
    "start": "webpack-dev-server"
  },
  "devDependencies": {
    "babel-loader": "^6.2.4",
    "babel-preset-es2015": "^6.9.0",
    "babel-preset-stage-2": "^6.11.0",
    "css-loader": "^0.23.1",
    "html-webpack-plugin": "^2.22.0",
    "node-sass": "^3.8.0",
    "sass-loader": "^4.0.0",
    "style-loader": "^0.13.1",
    "webpack": "^1.13.1",
    "webpack-dev-server": "^2.3.0"
  },
  "dependencies": {
    "jquery": "^3.1.0"
  }
}

And webpack.config.js:

var HtmlWebpackPlugin = require("html-webpack-plugin");

var webpackConfig = {
    entry: "./src/index.js",
    output: {
        path: "build",
        filename: "bundle.js"
    },
    module: {
        loaders: [
            {
                loader: "babel-loader",
                test: /\.js$/
            }
        ]
    },
    plugins: [
        new HtmlWebpackPlugin({
            template: "src/index.ejs"
        })
    ]
};

module.exports = webpackConfig;

Thank you so much saidakhmedbayev! That worked great :)

saidakhmedbayev's solution helped get rid of the errors, and webpack-dev-server seems to run, but I can't make a connection on localhost:8080

hi people, By running npm start I got an error like this: TypeError: webpack.validateSchema is not a function I have tried different solutions but I am not able to fix it.. Re-installing did not work, I also tried to change te version and npm install --save-dev babel-core did not work..

Can someone help me? I am really stuck.

Thanks in advance