Cannot set property 'hot' of undefined

[zackify]

What is the current behavior?

Getting:

TypeError: Cannot set property 'hot' of undefined
    at Server (/Users/zach/Projects/hyper-react/node_modules/webpack-dev-server/lib/Server.js:34:11)
    at _default (/Users/zach/Projects/hyper-react/dist/server.js:18:49)

When doing:

import Webpack from 'webpack-dev-server';
import WebpackDevServer from 'webpack-dev-server';
import config from './webpack.config';

export default () => {
  var server = new WebpackDevServer(Webpack(config), {
    hot: true,
    host: '0.0.0.0',
    contentBase: resolve(__dirname),
    publicPath: '/',
    historyApiFallback: {
      index: 'index.html',
    },
  });
  
  server.listen(8888, 'localhost', function() {});
};

Seems others are getting this too: webpack/webpack#2387

What is the expected behavior?

For the dev server to work.

Please mention your webpack and Operating System version.

webpack-dev-server 2.4.1, Mac OS Sierra

[SpaceK33z]

import Webpack from 'webpack-dev-server';
import WebpackDevServer from 'webpack-dev-server';

The first one should be 'webpack'

[zackify]

Haha. This is what I get for coding too long. Thanks. This is embarrassing!

[nsuedu]

excuse me,i have same problem， can you tell me the solution?

[nsuedu]

@zackify

[nsuedu]

@SpaceK33z

[khurram-wasim]

const express = require('express');
const webpackDevServer = require('webpack-dev-server');
const webpack = require('webpack');
const webpackConfig = require('./webpack.config.js');
const app = express();

const compiler = webpack(webpackConfig);

app.use(express.static(__dirname + '/www'));

app.use(webpackDevServer(compiler, {
  hot: true,
  filename: 'bundle.js',
  publicPath: '/assets/',
  stats: {
    colors: true,
  },
  historyApiFallback: true,
}));

When I do npm start
I am getting this error Cannot set property 'hot' of undefined , any help to get rid of it ?

[shellscape]

@ebardajiz probably 😄 but in all seriousness, try applying your config to a known-working use of the API by forking this repo and copying your config over to https://github.com/webpack/webpack-dev-server/tree/master/examples/node-api-simple. If it works, then it's something else in your project. If it doesn't work, then it's a webpack config issue.