Question

我有一个使用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

The

[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/',

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

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

1 个答案: