在生产构建版本中断开 WDS 的连接

Question

WDS error image

我有一个使用 Webpack 编译的 Web 应用程序，它已经顺利运行了几个月，然后在服务器重新启动时它不再正常运行。我在控制台中收到这些错误，说它已与 WDS 断开连接，以及似乎与该问题相关的其他错误。

我在其他帖子中看到的所有问题似乎都不能解决我的问题。我正在使用静态文件服务器（NPM 的服务包）为构建的应用程序提供服务，所以我不确定为什么我会收到 WDS 断开连接问题。

如果有人能提出一些见解，将不胜感激。

这是我的 webpack 配置：

var path = require('path') var webpack = require('webpack')

module.exports = {
  entry: [
    'babel-polyfill',
    './src/index',
    'webpack-dev-server/client?http://localhost:5000'
  ],
  output: {
    publicPath: '/',
    filename: 'map.js'
  },
  debug: true,
  devtool: 'source-map',
  module: {
    loaders: [
      {
        test: /\.js$/,
        include: path.join(__dirname, 'src'),
        loader: 'babel-loader',
        query: {
          presets: ['es2015']
        }
      },
      {
        test: /\.less$/,
        loader: 'style!css!autoprefixer!less'
      }
    ]
  },
  devServer: {
    contentBase: './src',
    port: 5000
  }
}

Answer 1

[WDS] Disconnected!

错误只是在您重新加载页面时发生，因此很可能是不相关的。我会更深入地研究您遇到的其他错误。

如果您能更具体地说明您的尝试，那就太好了。此外，有关您的设置以及托管静态文件服务器的内容的一些信息也会有所帮助。您是否尝试过修复此问题？看起来非常相似。 https://github.com/webpack/webpack-dev-server/issues/416

首先它建议更改输入行

'webpack-dev-server/client?http://127.0.0.0:5000'

到

'webpack-dev-server/client?http://' + require("os").hostname() + ':5000/',

第二种解决方案是直接使用托管静态文件服务器的 IP 地址。您需要先安装“ip”包，然后使用此行。

'webpack-dev-server/client?http://' + require("ip").address() + ':5000/',

再次需要有关提供文件的主机的更多信息。当您重新启动时，这可能是一个简单的配置更改。检查端口是否正确/打开。检查静态文件服务器是否确实仍在运行。尝试使用请求手动对服务器进行相同的调用。