Javascript Angular2系统

我有一个用Angular2编写的简单应用程序，没有外部调用任何资源。我有大约10个组件，在单独的文件中有自己的html和css。我使用gulp创建dist包并部署到一个测试环境中，在这个环境中，最多有10个并发请求

如果我打开网站，我通常会在加载实际页面之前得到503两次/三次（刷新）。我得到的错误是：

(index):23 Error: Fetch error: 503 Service Unavailable
  Instantiating http://test.site.com/vendor/@angular/common/bundles/common.umd.js
  Loading http://test.site.com/vendor/@angular/platform-browser-dynamic/bundles/platform-browser-dynamic.umd.js
  Loading http://test.site.com/app/main.js
  Loading app
    at /vendor/systemjs/dist/system.src.js:1500:13 [<root>]
    at Zone.run (zone.js:125) [<root> => <root>]
    at /vendor/zone.js/dist/zone.js:760:57 [<root>]
    at Zone.runTask (zone.js:165) [<root> => <root>]
    at drainMicroTaskQueue (zone.js:593) [<root>]

（索引）：23错误：获取错误：503服务不可用
实例化http://test.site.com/vendor/@角度/公共/束/common.umd.js
加载http://test.site.com/vendor/@angular/platform browser dynamic/bundles/platform-browser-dynamic.umd.js
加载http://test.site.com/app/main.js
加载应用程序
at/vendor/systemjs/dist/system.src.js:1500:13[]
在Zone.run（Zone.js:125）[=>]
at/vendor/zone.js/dist/zone.js:760:57[]
在Zone.runTask（Zone.js:165）[=>]
在drainMicroTaskQueue（zone.js:593）[]

---

然后，当尝试加载不同的js文件时，会有一堆额外的503。根据托管提供商的说法，该站点经常处于最大并发请求数之下，但是我一直看到“加载”文本，因此我假设它与实际托管本身无关，而是与我的站点设置有关，因为提供index.html。我在不同的文章中读到，rxjs在进行http调用时可能会负责，但在本例中，我使用它。如果我创建一个单一的js来组合所有的js（正如我在别处读到的那样），会有帮助吗？我想知道angular是否正在尝试并行加载所有文件（css、html和js），这是根本原因？

是的，如果您对主机提供商的最大并发请求有阈值限制，那么捆绑应该会有所帮助

您可以尝试暂时提高阈值吗？这也许是在你花更多时间研究这个理论之前，证明这个理论最简单的方法

---

如果确认，则继续绑定到单个js文件，或者可能绑定到框架中的所有文件（平台浏览器、angular、systemjs）和特定于应用程序代码的文件

是的，我正在创建两个文件，一个用于框架中的所有内容，另一个用于用户代码。我会让你知道这是否有效