webpack热替换更改代码并保存时出现disconnected

Question

这是我的webpack.config.js

这是我的package.json

当使用webpack-dev-server --inline --hot --progress启动时可以正常启动，但是一旦修改了代码并保存时，就出现了以下的错误：

这是代码结构：

这是控制台报错信息：

请教如何解决这个问题呢？

Answer 1

使用webpack-dev-server时的注意事项：

• cli形式时：不要在webpack.config.js中配置new webpack.HotModuleReplacementPlugin()；另外使用cli的--hot选项时，不需要在入口添加webpack/hot/dev-server,它会自动添加的。

• node api形式时，不仅需要配置上面二者，还需要在入口添加webpack-dev-server/client?http://localhost:${port}前缀

有关热加载可以参考这篇文章