使用 Express + Webpack Dev Middleware + Webpack Hot Middleware 无法重新加载答案

【问题标题】：Unable to reload with Express + Webpack Dev Middleware + Webpack Hot Middleware使用 Express + Webpack Dev Middleware + Webpack Hot Middleware 无法重新加载
【发布时间】：2018-11-26 20:00:00
【问题描述】：

我一直在尝试使用上述设置进行热模块更换；失败。这是我的 Webpack 配置

export default {
    entry: [
        DEVELOPMENT && "webpack-hot-middleware/client",
        PATH.SOURCE
    ].filter(Boolean),
    output: {
              path: path.join(PATH.ASSETS, "js"),
        publicPath: `http://${getenv("WEB_HOST")}:${getenv("WEB_PORT")}/assets/js`,
          filename: DEVELOPMENT ? "bundle.js" : "bundle.[hash].min.js"
    },
...
    plugins: [
...
        DEVELOPMENT && new webpack.HotModuleReplacementPlugin()
...
    ].filter(Boolean),

...这是我的app.js 运行快速服务器

const compiler    = Webpack(WebpackConfig);
app.use(WebpackDevMiddleware(compiler, {
           hot: DEVELOPMENT,
    publicPath: WebpackConfig.output.publicPath,
      filename: WebpackConfig.output.filename
}));
app.use(WebpackHotMiddleware(compiler));

App/index.jsx

if ( module.hot ) {
    import("react-hot-loader").then(({ AppContainer }) => {
        module.hot.accept("containers/App", () => {
            render(App, AppContainer);
        });
    });
}

最后，在文件更改时，浏览器的 HMR 更新在开发者控制台上为我提供了这个。

我一直试图永远解决这个问题，但几乎没有运气。

我正在使用 Webpack 4！

【问题讨论】：

标签： reactjs express webpack hot-module-replacement

【解决方案1】：

它似乎与 webpack 或插件无关，您是否尝试过将“0.0.0.0”替换为“localhost”？或者使用这个 chrome 插件 -- https://chrome.google.com/webstore/detail/allow-control-allow-origi/nlfbmbojpeacfghkpbjhddihlkkiljbi

【讨论】：