2
votes

Comment résoudre [WDS] Déconnecté! erreur dans Angular 7 et Ionic 4

Lorsque je travaille avec les derniers Angular (7) et ionic (4), j'ai l'erreur

[WDS] Déconnecté!

chaque fois que j'exécute mon application via

service ionique --consolelogs --no-open --browser = 'Firefox Developer Edition' --source-map

dans la dernière édition développeur de Firefox. J'ai testé d'autres frères aussi et cela apparaît le plus.


0 commentaires

3 Réponses :


1
votes

La solution n'était pas simple, j'ai lu de nombreuses questions de la pile et leurs réponses et j'ai également cherché sur le Web plusieurs fois, sans bonne solution jusqu'à ce que j'aie lu ce problème sur GitHub:

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

Cette erreur est donc une simple erreur SSL, car j'ai compris que le navigateur ne pouvait pas vérifier le certificat à partir duquel le serveur de développement Webpack a envoyé au navigateur.

La solution

Lorsque vous utilisez ionic (4), vous pouvez simplement taper ionic ssl generate à la racine de votre projet, puis accéder aux paramètres de votre navigateur:

  • Firefox (65.0b8): Paramètres -> Sécurité -> Faites défiler jusqu'à "Certificats" -> Cliquez sur "Afficher les certificats" -> Cliquez sur "Importer" -> Choisissez le cert.pem généré à partir de votre projet -> redémarrez (CMD + Q) votre navigateur
  • Chrome sur macOS (77): installez le certificat dans le trousseau et autorisez tout
  • Autres: doit être similaire à Firefox

Si vous utilisez simplement Angular avec Webpack, vous pouvez générer un certificat en utilisant ce script: https://github.com/angular/angular-cli/issues/4839#issuecomment-314608490 et suivez ceci https://brianflove.com/2016/10/22/angular-cli-using-https/


1 commentaires

J'utilise Angular avec Webpack, parfois des messages d'erreur continuent à apparaître, parfois il n'y a pas d'erreurs ...



1
votes

Si vous utilisez Chrome, vous pouvez essayer d'autoriser des certificats non valides pour les ressources chargées à partir de l'hôte local:

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


0 commentaires

0
votes

IE 11 me donnait cette erreur pour m'en débarrasser, j'ai ajouté ce paramètre:

disableHostCheck: true

au fichier conf.js de mon backend


0 commentaires