webpack4配置热更新无效

据官网介绍，webpack-dev-server默认只是“刷新网页”

要实现热更新，除了配置options-> hot: true之外

还需要webpack内置插件:  new webpack.HotModuleReplacementPlugin()

导师的代码也是这样写的。

所以，有了我所下的代码：

if (isDev) {
    config.devtool = 'cheap-module-eval-source-map'
    config.devServer = {
        port: 8080,
        host: '0.0.0.0', 
        overlay: { errors: true },
        open: true,
        hot: true, 
     }
     config.plugins.push(
         new webpack.HotModuleReplacementPlugin(),
         new webpack.NoEmitOnErrorsPlugin(),
         new webpack.NamedModulesPlugin()
     )
}

此时重新npm run dev

去修改任意组件，chrome控制会显示 “app hot update”, 但实际上网页内容并没有实现更新？为什么会这样子？有解决该问题的同学吗？

下面是我scripts下的代码：

"dev": "cross-env NODE_ENV=development webpack-dev-server --mode development --config webpack.config.js"