Firefox 上的 Angular 6 [WDS] 断开连接错误答案

【问题标题】：Angular 6 [WDS] Disconnected Error on FirefoxFirefox 上的 Angular 6 [WDS] 断开连接错误
【发布时间】：2018-07-02 17:14:24
【问题描述】：

我使用 Angular 并且仅在 Firefox“[WDS] Disconnected!”上出现控制台错误。

这是我的 Angular-Cli 版本。

Angular CLI: 6.0.1
Node: 8.11.1
OS: win32 x64
Angular: 6.0.1
... cli, common, compiler, compiler-cli, core, forms, http
... language-service, platform-browser, platform-browser-dynamic
... router

Package                           Version
-----------------------------------------------------------
@angular-devkit/architect         0.6.1
@angular-devkit/build-angular     0.6.1
@angular-devkit/build-optimizer   0.6.1
@angular-devkit/core              0.6.1
@angular-devkit/schematics        0.6.1
@angular/animations               6.0.4
@ngtools/webpack                  6.0.1
@schematics/angular               0.6.1
@schematics/update                0.6.1
rxjs                              6.2.0
typescript                        2.7.2
webpack                           4.6.0

【问题讨论】：

您的应用可以在 Firefox 上运行，但您只是收到控制台错误？您可以尝试使用 Ahead of time 编译服务您的应用程序，然后再次尝试 firefox 吗？
应用程序在 Firefox 上无法正常运行。一些js函数不起作用。只有 Firefox。
我遇到了同样的问题。希望我能找到解决办法...

标签： angular firefox webpack-dev-server angular6

【解决方案1】：

今天通过运行npm update 解决了这个问题。显然这是旧版 Webpack 的错误。

【讨论】：

你在 webpack 上有那个问题的链接吗？

【解决方案2】：

在 Angular 7.2.1 下我又出现了这个错误。

解决方案是在architect>serve>options下的angular.json中添加以下行：

"disableHostCheck": true

【讨论】：

@BlackFox 这适用于内部服务器，这本身就是一种安全风险，并且 CLI 非常清楚地宣布了这一点，因此就像说在香烟中添加薄荷醇味会带来健康风险。
我喜欢您的评论，尽管我不完全了解内部服务器如何构成安全风险。我希望指出“孩子们......不要吸烟......即使他们添加了薄荷味。首先了解健康风险”。 StackOverflow 上关于“disableHostCheck”设置为 true 的所有其他帖子都说“这是一个安全风险”。我将在这个周末冒险了解原因。
内置服务器不应该在生产中使用，因为它没有经过安全测试。它只是为了开发，应该是外界无法访问的。因此，在已经不安全的上下文中，将 disablehostcheck 设置为 true 并不重要。
除了修复，谁能解释为什么会出现这个错误？