I get the following issue on "npm start" about webpack-dev-middleware

[NicholasGWK]

Seeing this as well with a very minimal configuration. Any luck fixing it?

Edit: Potentially related to webpack/memory-fs#9

I have to fix the regex as shown there, and then also make sure my output path in webpack.config.js wasn't relative...ie build/bundles as opposed to ./build/bundles

[Aftabnack]

Nope, no luck.

Tried Replacing the response line in the get request to

res.sendFile(__dirname+"/../dist/index.html");

Still throws up the same error.

[NicholasGWK]

Try logging out the path that's failing in Memory-fs, and see if it correctly starts with what the regex is testing for. I suspect it might not like that /../ in the path.

[Aftabnack]

Tried logging at various points before. But the path I get at applyPluginsAsync itself is empty. So digging further into it now.

[Aftabnack]

Finally figured out the issue.
I was doing webpack config bundling twice

Also in the get handler I changed the handler to serve files only for index.html. Rest all is handled by middleware via next() callback

Checkout the final config

import express from 'express';
import webpack from 'webpack';
import webpackDevMiddleware from 'webpack-dev-middleware';
import webpackHotMiddleware from 'webpack-hot-middleware';
import webpackConfigBuilder from '../webpack.config';
import path from 'path';

const webpackConfig = webpackConfigBuilder('development');
const compiler = webpack(webpackConfig);

let app = express();

const middleware = webpackDevMiddleware(compiler,{
  publicPath: '/',
  contentBase: 'src',
  stats: {
    colors: true,
    hash: false,
    timings: true,
    chunks: false,
    chunkModules: false,
    modules: false
  }
});

app.use(middleware);
app.use(webpackHotMiddleware(compiler));
app.get('/', function response(req, res,next) {
  if(req.url == '/') {
    res.sendFile(path.join(__dirname,'../src/index.html'));
    return;
  }
  next();
});

app.listen(8089, function onStart(err) {
  if(err) {
    console.log(err);
  }
  console.info("Listening on 8089, open in browser");
});

[ritikama]

Finally figured out the issue.
I was doing webpack config bundling twice