Отключить WDS в производственной версии сборки

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

У меня было веб-приложение, скомпилированное с помощью 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
  }
}
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
0
0
114
1

Ответы 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/',

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

Большое спасибо за ответ. Я просто использую этот статический сервер узла для обслуживания страницы: npmjs.com/package/serve Указанная вами ссылка является первым потоком, по которому я следую, чтобы исправить проблему безрезультатно. Все другие темы, на которые я смотрел, были очень похожи, и я тоже пробовал их. К сожалению, у меня нет ссылок. Проблема не возникает, когда я все время перезагружаю его. Также я не уверен, почему это имеет какое-либо отношение к webpack-dev-server, поскольку я обслуживаю производственную сборку и с другим сервером. Почему он до сих пор регистрирует информацию о WDS?

Joshua Shoemaker 07.11.2018 20:25

Может быть, скрипт в вашем package.json заставляет NPM запускать WDS

RustyRaptor 08.11.2018 18:40

Это было не так, но это дало мне некоторое представление. Мне нужно было удалить третий элемент во входном массиве. 'webpack-dev-server / client? локальный: 5000' Это, похоже, вообще не делает ссылку на производственную сборку WDS

Joshua Shoemaker 08.11.2018 20:54

Другие вопросы по теме