运行Angular Tour of Heroes应用程序的问题

Question

我目前正在制作Angular Tour of Heroes应用，并已完成指南中的所有步骤。我使用远程服务器来托管应用程序并使用Chrome连接到它。

但是，有时在重新编译后，Chrome会在尝试重新加载应用时抛出错误：

  

获取http：// url.domain.com /vendor.bundle.js net :: ERR_CONTENT_LENGTH_MISMATCH

似乎无法加载整个捆绑的应用。我无法弄清楚的是为什么。在我重新保存一个强制webpack重新编译的文件之前，问题暂时消失了。我试过reinstalling my node_modules，但没有帮助。

vendor.bundle.js文件非常大（2.79 MB），但它之前加载的文件大小没问题同样大。它也是一个相对较小的应用程序。

Webpack的输出：

Time: 12225ms
chunk    {0} polyfills.bundle.js, polyfills.bundle.js.map (polyfills) 178 kB {4} [initial] [rendered]
chunk    {1} main.bundle.js, main.bundle.js.map (main) 29 kB {3} [initial] [rendered]
chunk    {2} styles.bundle.js, styles.bundle.js.map (styles) 11.5 kB {4} [initial] [rendered]
chunk    {3} vendor.bundle.js, vendor.bundle.js.map (vendor) 2.79 MB [initial] [rendered]
chunk    {4} inline.bundle.js, inline.bundle.js.map (inline) 0 bytes [entry] [rendered]
webpack: Compiled successfully.

显然正在运行开发服务器。

我还尝试使用ng new ...创建一个全新的应用，并且新应用存在同样的问题。