Proxy Option with React Hot Middleware

[nsmith7989]

The example for webpack.react-transform-webpack-hmr works perfectly. However I'm getting 404 errors when I try to use this with the proxy option.

server.js

var webpack = require('webpack');
var config = require('./webpack.config');
var browserSync = require('browser-sync');
var compiler = webpack(config);

browserSync({
    proxy: {
        target: 'proxy-traget.dev',
        middleware: [
            require('webpack-dev-middleware')(compiler, {
                noInfo: true, publicPath: config.output.publicPath
            }),
            require("webpack-hot-middleware")(compiler)
        ]
    },
    files: [
        'css/style.css',
        '**/*.php'
    ]
});

webpack config:

var webpack = require('webpack');
var path = require('path');

module.exports = {
    devtool: 'eval-source-map',

    entry: {
        truckFilter: [
            'webpack-hot-middleware/client?reload=true',
            './js/index.js'
        ]
    },

    output: {
        path: path.join(__dirname, 'js/build'),
        publicPath: "js/build",
        filename: "bundle.js"
    },

    // Require the webpack and react-hot-loader plugins
    plugins: [
        new webpack.HotModuleReplacementPlugin(),
        new webpack.NoErrorsPlugin(),
        new webpack.DefinePlugin({
            __DEV__: true
        }),
    ],

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

    module: {
        // Load the react-hot-loader
        loaders: [ {
            test: /\.jsx?$/,
            loaders: ['babel'],
            include: path.join(__dirname, 'js')
        } ]
    },

};

Everything loads fine except localhost:3000/__webpack_hmr which 404s. Is the proxy setting sending that request to my proxy (php) server, or is it sending it to browser sync?

[nsmith7989]

Nevermind. This was a problem with webpack-hot-middlware, which has since been fixed:

webpack-contrib/webpack-hot-middleware@dfb7efb