How to Enable hmr on virtualbox

Sorry for bothering you. I’m new to nextjs as well as webpack and I’ve been stuck in vagrant hmr for almost 1 day. I checked these issues #1899 #823 but still don’t understand how to enable hmr on virtualbox. My host machine is windows too.

I added following part to next.config.js but hmr was not fired after I change files on windows.

module.exports = {
  webpack: (config) => {
    config.watchOptions = {
      poll: 500,
      aggregateTimeout: 300,
    };
    return config;
  },
};

[thundermiracle]

@thetoxicavenger Just change webpack to webpackDevMiddleware will make it work as I posted:

module.exports = {
  webpackDevMiddleware: (config) => {
    // Solve compiling problem via vagrant
    config.watchOptions = {
      poll: 1000,   // Check for changes every second
      aggregateTimeout: 300,   // delay before rebuilding
    };
    return config;
  },
};

[timneutkens]

@thundermiracle thanks for sharing this for people that experience this issue 👌 I’ve turned your code into a code block so it can be easily copy-pasted 👍