ERROR in multi app
Module not found: Error: Cannot resolve module 'webpack-hot-middleware/client' in /Users/iam4x/github/isomorphic-flux-boilerplate
 @ multi app

When I add in my entry array: webpack-hot-middleware/client?path=//${HOST}:${PORT}/__webpack_hmr

workaround: install as dep webpack-hot-middleware as well.

NodeJS 4.0.0 / latest babel && webpack

Installation & Usage section under README.md points to /example directory, which doesn't exist anymore…

Would be valuable to update the link to https://github.com/glenjamin/webpack-hot-middleware/tree/master/example maybe…

this code:

const webpackHotMiddleware = require('koa-webpack-hot-middleware');

const compiler = webpack(config[0]);
koaApp.use(webpackHotMiddleware(compiler));

generates this warning with the latest Koa:

koa deprecated Support for generators will be removed in v3. See the documentation for examples of how to convert old middleware https://github.com/koajs/koa/blob/master/docs/migration.md

I have the following code:

var path = require('path');
var koa = require('koa');
var app = module.exports = koa();
var webpack = require('webpack');
var webpackConfig = require('../webpack/webpack.config.dev');
var compiler = webpack(webpackConfig);

app.use(require("webpack-dev-middleware")(compiler, {
noInfo: true, publicPath: webpackConfig.output.publicPath
}));

app.use(require('webpack-hot-middleware')(compiler));

app.get('*', function(req, res) {
res.sendFile(path.join(__dirname, 'index.html'));
});

app.listen(3000, 'localhost', function(err) {
if (err) {
console.log(err);
return;
}

console.log('Listening at http://localhost:3000');
});

The error is on the "app.use(require("webpack-dev-middleware")(compiler ..."

Any help please.

I need a little help for the understanding the concept of use.

My application has the server-side rendering for the basic frame of the page. I'm using a template engine (nunjucks).

for example for the route /login it uses my middleware

app.get('/login', function* () {
  yield this.render('login');
});

and the template looks something like this:

{% extends "main.njk" %}

{% block pageTitle %}Login{% endblock %}

{% block pageBodyContent %}
  <script type="application/javascript" src="/login.js"></script>
  <h1>I'm login page</h1>
{% endblock %}

login.js is bundled with webpack.

As i know, webpack-dev-server serves the files directly from the memory, instead of usual serving from my /build folder, which is served by koa-static module.

So basicly I have two general problems.

1. If I just run the server, the rendered page can't load assests, because there is nothing in the /build folder. As i understood the login.js file exists only in the memory on that perticular moment.

Here how it looks on the client

and on the server

It looks like it can't get the resources or it is a long-polling request.
If I run webpack in my terminal, it will make the files and will put them to the /build folder.
As result the sutiaton will change and, here comes my second problem.

2.When i have made the assests manualy, it seems that LR and HMR is working, but it can't get any updates from the server. It gets the notification "something changed, you need to update" (i supose from the route /__webpack_hmr) correctly, but then it askes the [publicPath][hash].hot-update.json from the server.

Here is the first run
Client

Server

And after some changes in the login.js
Client

and server

The [publicPath][hash].hot-update.json request seems has no middleware to handle it.
I've made a new middleware for it, maybe you guys can say me where I should provide it (see the comment in the code below)

app.use(function*(next) {
     let hotModuleUpdate = /\.hot-update\.json?$/.test(this.url);
     if (!hotModuleUpdate) yield next;
     //What should I do here. Maybe call `hotMiddleware()` ?
})

My OS - Ubuntu 16.04
Node - 6.3.1
Koa - 2@beta (as it required in the documentation)

Here is my webpack config and the module for koa to serve the case
hot-reload.txt
webpack.config.txt

npm install koa-webpack-hot-middleware
The latest is v1.0.1, don't know why.

https://www.npmjs.com/package/koa-webpack-hot-middleware (1.0.1 is the latest release)

I can't get it to work. The client shows [HMR] Waiting for update signal... But there are no emitted updates.

Below is code for Koa v2, but I've also tried it with v1 (without convert) but it appears to behave the same.

Can you spot a mistake?

var webpack = require('webpack')
var path = require('path')
var HtmlWebpackPlugin = require('html-webpack-plugin')

module.exports = {

  entry: {
    app: ['webpack/hot/dev-server', './app/main.js']
  },

  output: {
    path: path.join(__dirname, 'dist'),
    publicPath: '',
    filename: '[name].[hash].js'
  },

  module: {
    loaders: [
      {
        test: /\.js$/,
        loader: 'babel-loader',
        exclude: /(node_modules|vendor)/
      }
    ]
  },

  resolve: {
    extensions: ['', '.js', '.json']
  },

  plugins: [
    new HtmlWebpackPlugin({
      title: 'Dagr Client',
      filename: 'index.html',
      template: 'template.html',
      inject: true
    }),
    new webpack.optimize.OccurenceOrderPlugin(),
    new webpack.HotModuleReplacementPlugin(),
    new webpack.NoErrorsPlugin()
  ]
}

import Koa from 'koa'
import convert from 'koa-convert'
import webpack from 'webpack'
import webpackConfig from './webpack.config'
import Router from 'koa-66'

const compiler = webpack(webpackConfig)
const app = new Koa()
const router = new Router()

app.use(router.routes())

app.use(convert(require('koa-webpack-dev-middleware')(compiler, {
  noInfo: true,
  publicPath: webpackConfig.output.publicPath
})))

app.use(convert(require('koa-webpack-hot-middleware')(compiler)))

app.listen(3000)
console.log('App listening on port', 3000)