У меня было веб-приложение, скомпилированное с помощью Webpack, которое работало без сбоев в течение нескольких месяцев, а затем при перезагрузке сервера оно больше не работает должным образом. Я получаю эти ошибки в консоли, в которой говорится, что она отключена от WDS, и другие ошибки, которые кажутся связанными с проблемой.
Все проблемы, которые я видел в других сообщениях, похоже, не решают мою проблему. Я обслуживаю созданное приложение с помощью статического файлового сервера (пакет обслуживания NPM), поэтому я не уверен, почему я вообще получаю проблемы с отключением WDS.
Если бы кто-нибудь мог пролить какое-то понимание, это было бы очень признательно.
Вот моя конфигурация веб-пакета:
var path = require ('путь') 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
}
}



![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)


В
[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/',
Опять же, требуется дополнительная информация о хосте, который обслуживает файлы. При перезагрузке это могло быть простое изменение конфигурации. Убедитесь, что порт правильный / открыт. Убедитесь, что статический файловый сервер действительно все еще работает. Попробуйте сделать те же вызовы серверу вручную с запросами.
Может быть, скрипт в вашем package.json заставляет NPM запускать WDS
Это было не так, но это дало мне некоторое представление. Мне нужно было удалить третий элемент во входном массиве. 'webpack-dev-server / client? локальный: 5000' Это, похоже, вообще не делает ссылку на производственную сборку WDS
Большое спасибо за ответ. Я просто использую этот статический сервер узла для обслуживания страницы: npmjs.com/package/serve Указанная вами ссылка является первым потоком, по которому я следую, чтобы исправить проблему безрезультатно. Все другие темы, на которые я смотрел, были очень похожи, и я тоже пробовал их. К сожалению, у меня нет ссылок. Проблема не возникает, когда я все время перезагружаю его. Также я не уверен, почему это имеет какое-либо отношение к webpack-dev-server, поскольку я обслуживаю производственную сборку и с другим сервером. Почему он до сих пор регистрирует информацию о WDS?