Angular2 IE11-浏览器支持答案

【问题标题】：Angular2 IE11-Browser SupportAngular2 IE11-浏览器支持
【发布时间】：2017-07-23 02:25:02
【问题描述】：

我的困境是我无法在 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 上给了我另一个错误：

错误场景：

【问题讨论】：

您是否检查过源文件是否加载到浏览器中？
@ChiranjeeviIT 你能澄清一下我如何检查源文件是否加载到浏览器中？？
在调试网络窗口，你可以看到你的源文件是否加载成功。也尝试使用本地环境中的所有源文件。
@Pengyy 我检查并猜测所以对我来说一切都很好......
现在它给了我另一个错误，我编辑了我的帖子并添加了该错误的快照。

标签： angular cross-browser internet-explorer-11

【解决方案1】：

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

【讨论】：

【解决方案2】：

在深入挖掘之后，我终于尝试了最后一件事，我更新了我的 angular 版本，因为我之前使用的是 angular beta 版本，并且还更新了 typescript 版本。最后，我的 Angular 应用程序与 IE 浏览器兼容。呼……！！！

【讨论】：

【解决方案3】：

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

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

2) 尝试使用“Access-Control-Allow-Origin”的标题以获取更多信息，您可以在下面的链接中查看 CORS IN IE

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

希望对你有帮助。

【讨论】：

@ChiranjeevilT 我尝试了您在上面的帖子中所说的两件事，但仍然无法正常工作，因为更新 CORS 警告消失了，控制台上也没有错误，而且我下载了源代码并在本地使用它们仍然是我的应用程序不工作。