如何解决[WDS]断开连接！ Angular 7和Ionic 4中的错误

Question

使用最新的Angular（7）和离子（4）时出现错误

[WDS] Disconnected!

每次我通过以下方式运行我的应用程序

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

在最新的firefox开发人员版本中为

。我也测试了其他兄弟，这是最多的。

Answer 1

解决方案并不简单，我已经阅读了很多堆栈问题及其答案，并在网上搜索了几次，直到我在GitHub上阅读此问题之前，都没有一个好的解决方案：

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

这个错误是一个简单的SSL错误，据我了解，浏览器无法验证webpack开发服务器已将其发送到浏览器的证书。

解决方案

使用离子（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/

Answer 2

如果您使用的是Chrome，则可以尝试为从本地主机加载的资源允许使用无效证书：

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

Answer 3

IE 11给了我这个错误 为了摆脱这一点，我添加了此参数：

disableHostCheck: true

到我后端的conf.js文件