angular - [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

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

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

所以这个错误是一个简单的 SSL 错误，因为我理解浏览器无法验证 webpack 开发服务器发送到浏览器的证书。

解决方案

使用 ionic (4) 时，您只需键入 ionic ssl generate在项目的根目录中，然后转到浏览器设置:

Firefox (65.0b8):设置 -> 安全 -> 向下滚动到“证书”
-> 点击“显示证书” -> 点击“导入” -> 选择生成的cert.pem从你的项目 ->重新启动(CMD + Q)你的
浏览器

macOS 上的 Chrome (77):在 Keychain 中安装证书并允许所有

其他:必须类似于firefox

如果您只是将 Angular 与 Webpack 一起使用，您可以使用以下脚本生成证书: https://github.com/angular/angular-cli/issues/4839#issuecomment-314608490并关注 https://brianflove.com/2016/10/22/angular-cli-using-https/