远程Angular2服务器在提供开发构建时挂起

Question

我正在使用远程服务器开发Angular应用程序（v4.4.3）。远程服务该服务器以进行开发并通过本地浏览器进行访问。即。

ng serve --host URL --port 8080

它产生以下输出：

Hash: 4691491fe6185644edc3                                                          Time: 10717ms
chunk    {0} polyfills.bundle.js, polyfills.bundle.js.map (polyfills) 183 kB {4} [initial] [rendered]
chunk    {1} main.bundle.js, main.bundle.js.map (main) 12 kB {3} [initial] [rendered]
chunk    {2} styles.bundle.js, styles.bundle.js.map (styles) 147 kB {4} [initial] [rendered]
chunk    {3} vendor.bundle.js, vendor.bundle.js.map (vendor) 2.49 MB [initial] [rendered]
chunk    {4} inline.bundle.js, inline.bundle.js.map (inline) 0 bytes [entry] [rendered]

有时，它将开始无法加载客户端：

GET http://[URL]:8080/vendor.bundle.js net::ERR_CONTENT_LENGTH_MISMATCH
> Uncaught TypeError: ...

然后这种情况持续存在。有时，更改代码会导致它再次开始工作。如果我创建一个新项目并复制旧文件，从头开始重建它就会消失。它发生在许多项目上，包括英雄之旅教程。构建生产项目并通过Apache提供服务没有任何问题。

我没有对应用做任何特别的事情，或者加载任何特定的节点包。据我所知，它是随机发生的。这似乎是由于在尝试下载捆绑包时没有加载所有内容（因此内容长度不匹配）时超时造成的。

我尝试了以下事项：

• Flushing node_modules
• 恢复到项目的先前版本（git）
• 重新启动服务器

不是由以下原因引起的：

• Permissions（在稍作修改之前工作正常）
• Nginx in general（我没有使用它？）
• Express

唯一可能的两件事是：

• 我的服务器，但仅在Angular中存在此问题
• Angular，但我不知道在哪里。我基本上已经通过git checkout将其重置为较旧的正常版本。

Answer 1

我刚刚遇到这个问题并尝试了一些步骤让它再次运行。

1. 还原一些最近的更改：新导入，新功能，但只有自错误开始出现后更改的内容。

2. 重新启动您的服务器。重新启动浏览器。

第二个为我工作。我希望你能让它发挥作用！