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) 尝试将 headers 用于“"Access-Control-Allow-Origin" 以获取更多信息，您可以查看以下链接 CORS IN IE

有关您的问题的更多信息，请参见下面的屏幕截图！

希望对您有所帮助。

Answer 2

深入挖掘后，我终于尝试了一件事，我更新了我的 angular 版本，因为我之前使用的是 angular beta 版本，也更新了 typescript 的版本。最后，我的 Angular 应用程序与 IE 浏览器兼容。呸...!!!

Answer 3

除了 polyfill 和 shim 之外，您可能还需要强制关闭兼容模式：见

Angular2 IE11-浏览器支持

Angular2 IE11-Browser Support

cross-browser

internet-explorer-11

angular