Angular2 IE11-浏览器支持

Question

我的困境是我无法在IE 11上查看我的Angular2应用程序，但同样的应用程序在chrome上正常工作： 您可以看到快照：

这是在Chrome上：

这是在IE浏览器上：

我可能做错了什么，我甚至在我的html页面中添加了所有可能的库以实现IE兼容性：

以下是图书馆：

<script src="node_modules/es6-shim/es6-shim.min.js"></script>
<script src="node_modules/systemjs/dist/system-polyfills.js"></script>
<script src="node_modules/angular2/es6/dev/src/testing/shims_for_IE.js"></script>

  <script src="node_modules/es6-shim/es6-shim.js"></script>

    <!-- 1. Load libraries -->
     <!-- Polyfill for older browsers -->
    <script src="https://unpkg.com/core-js/client/shim.min.js"></script>

    <script src="https://unpkg.com/zone.js@0.6.25?main=browser"></script>
    <script src="https://unpkg.com/reflect-metadata@0.1.8"></script>
      <script src="node_modules/angular2/es6/dev/src/testing/shims_for_IE.js"></script>
    <script src="https://unpkg.com/systemjs@0.19.39/dist/system.src.js"></script>

    <!-- 2. Configure SystemJS -->
    <script src="systemjs.config.js"></script>

PS：控制台上也没有错误。

任何帮助赞赏，

提前致谢

现在它在IE上给我另一个错误：

错误情景：

Answer 1

根据屏幕截图中的警告，您遇到CORS（跨源资源共享）问题。可能的解决方案是

1）如果可能，请尝试下载源并将其添加到源中（而不是使用第三方链接）

2）尝试为“”Access-Control-Allow-Origin“设置标题，以获取更多信息，您可以在下面看到链接 CORS IN IE

有关您的问题的详细信息，请参阅下面的屏幕截图！

希望它有所帮助。

Answer 2

深入挖掘后，我终于尝试了一件事，我更新了我的角度版本，因为我之前使用的是角度测试版本，也是更新版本的打字稿。 最后，My Angular App与IE浏览器兼容。 呼... !!!

Answer 3

除了polyfill和shimm，您可能还需要强制关闭兼容模式： 参见https://stackoverflow.com/a/47777695/232542