Problem with webpack-hot-middleware

webpack.config.js

var fs = require('fs');
var webpack = require('webpack');
var nodeModules = {};
fs.readdirSync('node_modules')
	.filter(function(x) {
		return ['.bin'].indexOf(x) === -1;
	})
	.forEach(function(mod) {
		nodeModules[mod] = 'commonjs ' + mod;
	});

module.exports = {
	mode: 'development',
	entry: ['./src/app.ts', 'webpack-hot-middleware/client'],
	context: __dirname,
	output: {
		path: __dirname + './dist',
		filename: 'app.js',
		publicPath: '/',
	},
	resolve: {
		// Add '.ts' and '.tsx' as a resolvable extension.
		extensions: ['.ts', '.tsx', '.js'],
	},
	module: {
		rules: [
			// All files with a '.ts' or '.tsx'
			// extension will be handled by 'ts-loader'
			{
				test: /\.tsx?$/,
				loader: 'awesome-typescript-loader',
			},
		],
	},
	plugins: [
		new webpack.HotModuleReplacementPlugin(),
		new webpack.NoEmitOnErrorsPlugin(),
	],
	target: 'node',
	externals: nodeModules,
};