Https Web包开发服务器不断断开连接
我当前正在使用以下配置文件从Https Web包开发服务器不断断开连接,https,webpack,webpack-dev-server,webpack-2,Https,Webpack,Webpack Dev Server,Webpack 2,我当前正在使用以下配置文件从webpack dev server运行我的React应用程序: // webpack.config.js /* eslint no-var: 0 */ var path = require('path') var webpack = require('webpack') var HtmlWebpackPlugin = require('html-webpack-plugin') var ExtractTextPlugin = require('extract-te
webpack dev server
运行我的React
应用程序:
// webpack.config.js
/* eslint no-var: 0 */
var path = require('path')
var webpack = require('webpack')
var HtmlWebpackPlugin = require('html-webpack-plugin')
var ExtractTextPlugin = require('extract-text-webpack-plugin')
module.exports = {
entry: {
'controller-bundle': path.resolve(__dirname, './src/js/sym-controller.js'),
'app-bundle': path.resolve(__dirname, './src/js/sym-app.js'),
bundle: path.resolve(__dirname, './src/js/index.js')
},
output: {
path: path.resolve(__dirname, './dist'),
filename: '[name].js'
},
resolve: {
extensions: ['.js', '.jsx']
},
plugins: [
new webpack.HotModuleReplacementPlugin(),
new ExtractTextPlugin('style.css'),
new HtmlWebpackPlugin({
template: './src/html/controller.html',
filename: 'controller.html',
chunks: ['controller-page']
}),
new HtmlWebpackPlugin({
template: './src/html/app.html',
filename: 'app.html',
chunks: ['app-page']
})
],
module: {
loaders: [
{
test: /\.js(x)?$/,
exclude: /(node_modules|bower_components)/,
loader: 'babel-loader'
},
{
test: /\.css$/,
use: ExtractTextPlugin.extract({
fallback: 'style-loader',
use: 'css-loader'
})
}
]
},
devServer: {
contentBase: path.resolve(__dirname, './dist'),
host: '0.0.0.0',
port: 4000,
https: true,
headers: {
'Access-Control-Allow-Origin': '*'
}
}
}
我遇到的问题是,当WDS
的https
标志设置为true
时,应用程序连续抛出错误:
[WDS] Disconnected!
并立即刷新页面。(可能一两秒钟一次)
当https
设置为false
时,不会发生这种情况,但我需要应用程序在https
打开的情况下运行。我在webpack
的github问题部分看到了这一问题,但似乎找不到一个明确、直接的答案来解释为什么会发生这种情况以及如何解决它
我所看到的最接近解释的东西是,这是由于WebSocket和开发服务器本身之间的不匹配或不完全握手造成的。如果我能用它来解决这个问题,我会从节点模块包中提取dev服务器的server.pem
文件
更新:
通过使用
webpack dev middleware
安装到自签名的express
服务器上暂时解决了这个问题,但是我仍然希望简单地使用dev server
的问题能够得到完全解决。我在codenvy cloud ide上遇到了类似的问题
尝试提供主机名暴露于外部环境的公共选项,例如:
webpack-dev-server --config=config/webpack.dev.js --public node10.codenvy.io:3000
上述更改帮助我解决了有关热重新加载的问题。我在codenvy cloud ide中遇到了类似的问题 尝试提供主机名暴露于外部环境的公共选项,例如:
webpack-dev-server --config=config/webpack.dev.js --public node10.codenvy.io:3000
上述更改帮助我解决了有关热重新加载的问题