Webpack 网页包开发服务器/热模块更换网页加载时出现Websocket错误

我刚刚开始使用Webpack，所以我有足够的知识来应对危险，而且我确信我的配置文件弄得一团糟。但是它非常接近于，在我的机器上运行，没有问题。然而，当我加载我的应用程序时，我会在控制台中收到一系列关于websocket握手失败的消息

每样东西都装两次。每当我更新一个文件时，除了重复上面所有的错误之外，我还会得到更多的错误

知道它为什么对我这么生气吗

这是我的网页配置（构建工作正常）：

require（'dotenv'）.config（）；
const path=require（'path'）；
const webpack=require（'webpack'）；
const merge=require（'webpack-merge'）；
const HtmlWebpackPlugin=require（'html-webpack-plugin'）；
const CleanPlugin=require（'clean-webpack-plugin'）；
const ExtractTextPlugin=require（'extract-text-webpack-plugin'）；
const-pkg=require（'./package.json'）；
const TARGET=process.env.npm_lifecycle_事件；
常量路径={
app:path.join（uu dirname，'src/client'），
样式：path.join（uu dirname，'src/client/components/main.scss'），
build:path.join（\u dirname，'dist/client'）
};
process.env.BABEL_env=目标；
常数公共={
条目：{
app:path.app，
style:path.style
},
决心：{
扩展名：[''，'.js'，'.jsx']
},
输出：{
path:path.build，
chunkFilename:“[chunkhash].js”
},
模块：{
装载机：[
{
测试：/\.js（x？）$/,，
加载程序：['babel？cacheDirectory']，
包括：path.app
}
]
},
插件：[
新HtmlWebpackPlugin({
模板：“node_modules/html网页包模板/index.ejs”，
标题：“得分流畅”，
appMountId:“应用程序”，
注：假
})
]
}
//添加开发服务器配置
如果（目标=='start'| |！目标）{
module.exports=合并（公共{
输出：{
文件名：'[name].js'，
},
模块：{
装载机：[
{
测试：/\.s（c|a）ss$/，
加载器：['style'，'css'，'sass']，
包括：path.app
}
]
},
开发服务器：{
历史上的倒退：是的，
热：是的，
是的，
进步：没错，
统计信息：“仅限错误”，
主机：process.env.host，
端口：process.env.port
},
devtool:“评估源地图”，
插件：[
新的webpack.HotModuleReplacementPlugin（）
]
});
}
//只要建造它
如果（目标=='build'| |目标=='stats'）{
module.exports=合并（公共{
条目：{
供应商：Object.keys（pkg.dependencies）.filter（函数（v）{
返回v！=='alt utils'
})
},
输出：{
文件名：'[name].[chunkhash].js'
},
模块：{
装载机：[
{
测试：/\.s（c|a）ss$/，
加载器：ExtractTextPlugin.extract（'style'，'css'，'sass'），
包括：path.app
}
]
},
插件：[
新的webpack.DefinePlugin({
'process.env.NODE_env'：'production'
}),
新的CleanPlugin（[path.build]），
新建网页包.optimize.dedueplugin（），
新建webpack.optimize.commonChunkPlugin({
名称：[“供应商”、“清单”]
}),
新的ExtractTextPlugin（'[name].[chunkhash].css'），
新建webpack.optimize.UglifyJsPlugin({
压缩：{
警告：错误
}
})
]
});
}

您可以链接到独立项目吗？这样更容易弄清楚发生了什么。你能链接到一个独立的项目吗？这样更容易弄清楚发生了什么。