时间戳

首页 > 解决方案 > 在生产构建版本中断开 WDS 的连接

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

问题描述

WDS 错误图像

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

标签： javascriptwebpackwebpack-dev-server

解决方案

这

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

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

推荐阅读