Ошибка запуска webpack и webpack-dev-server

Создаю клиентское приложение на React и Redux. Использую Webpack. При начальных настройках webpack-config.js сервер запускается. Вот начальные настройки:

module.exports = {
  entry: [
    './src/index.js'
  ],
  output: {
    path: __dirname + '/dist',
    publicPath: '/',
    filename: 'bundle.js'
  },
  devServer: {
    contentBase: './dist'
  }
};

Потом когда поменял конфигурационный файл и он стал таким, то сервер начал не запускаться:

var webpack = require('webpack');
module.exports = {
    entry: [
        'webpack-dev-server/client?http://localhost:8090',
        'webpack/hot/only-dev-server',
        './src/index.jsx'
    ],
    module: {
        loaders: [{
                test: /\.jsx?$/,
                exclude: /node_modules/,
                loader: 'react-hot!babel'
            }]
    },
    resolve: {
        extensions: ['', '.js', '.jsx']
    },
    output: {
        path: __dirname + '/dist',
        publicPath: '/',
        filename: 'bundle.js'
    },
    devServer: {
        contentBase: './dist',
        hot: true
    },
    plugins: [
        new webpack.HotModuleReplacementPlugin()
    ]
};

Это ошибка в консоли при запуске webpack-dev-server:

Invalid configuration object. Webpack has been initialised using a configuration object that does not match the API schema. -configuration.resolve.extensions[0] should not be empty.

А это иерархия приложения: