Отключение для WDS в версии производственной сборки - PullRequest
0 голосов
/ 07 ноября 2018

Изображение ошибки WDS

У меня есть веб-приложение, скомпилированное с помощью Webpack, которое работает без перебоев в течение нескольких месяцев, после чего при перезагрузке сервера оно перестает работать должным образом. Я получаю эти ошибки в консоли, сообщая, что она отключена от WDS, а также другие ошибки, связанные с этой проблемой.

Все проблемы, которые я видел в других постах, похоже, не решают мою проблему. Я обслуживаю построенное приложение статическим файловым сервером (пакет обслуживания NPM), поэтому я не уверен, почему у меня вообще возникают проблемы с отключением WDS.

Если бы кто-нибудь мог пролить некоторое понимание, которое было бы глубоко оценено.

Вот мой конфиг веб-пакета:

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
  }
}

1 Ответ

0 голосов
/ 07 ноября 2018

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

Опять же, требуется дополнительная информация о хосте, который обслуживает файлы. Это могло быть простое изменение конфигурации при перезагрузке. Убедитесь, что порт правильный / открытый. Убедитесь, что статический файловый сервер действительно работает. Попробуйте сделать те же самые звонки на сервер вручную с запросами.

...