Как решить [WDS] Отключено! ошибка в Angular 7 и Ionic 4

Question

При работе с последними Angular (7) и ionic (4) я получил ошибку

[WDS] Disconnected!

каждый раз, когда я запускаю свое приложение через

ionic serve --consolelogs --no-open --browser='firefox developer edition' --source-map

в последней редакции Firefox для разработчиков. Я проверял и других братьев, и это появляется в большинстве.

Answer 1

Если вы используете Chrome, вы можете попробовать разрешить недействительные сертификаты для ресурсов, загруженных с localhost:

chrome://flags/#allow-insecure-localhost

Answer 2

Решение было непростым, я прочитал много вопросов о стеке и их ответы, а также несколько раз искал в Интернете, без хорошего решения, пока не прочитал эту проблему на GitHub:

https://github.com/angular/angular-cli/issues/4839

Таким образом, эта ошибка является простой ошибкой SSL, так как я понял, что браузер не может проверить сертификат, с которого разработчик веб-пакетов отправил в браузер.

Решение

При использовании ionic (4) вы можете просто набрать ionic ssl generate в корневом каталоге вашего проекта и перейти в настройки браузера:

• Firefox (65.0b8): Настройки -> Безопасность -> Прокрутите вниз до «Сертификаты» -> Нажмите «Показать сертификаты» -> Нажмите «Импорт» -> Выберите сгенерированный cert.pem из вашего проекта -> перезапустите (CMD + Q) ваш браузер
• Chrome (): /
• Другие: должны быть похожи на Firefox

Если вы просто используете Angular с Webpack, вы можете сгенерировать сертификат, используя этот скрипт: https://github.com/angular/angular-cli/issues/4839#issuecomment-314608490 и следуйте этому https://brianflove.com/2016/10/22/angular-cli-using-https/