Angular 2 / 4 / 5 在 IE11 中不起作用

新手上路,请多包涵

我试图弄清楚为什么我的 Angular 2 应用程序在 IE 11 中运行时卡在显示 Loading… 上。

根据某人的建议,我尝试了这个 plunker,由某人在 chrome 和 IE 11 上的堆栈溢出上发布。在 Chrome 上工作正常,但在 IE 11 上失败。同样的错误,坚持说“正在加载…”

plunker 是: https ://plnkr.co/edit/6zVFbrH5yohwc714gBbk?p=preview

 <!DOCTYPE html>
<html>
  <head>
    <script>document.write('<base href="' + document.location + '" />');</script>
    <title>Router Sample</title>
    <link rel="stylesheet" href="style.css">
    <script src="https://cdnjs.cloudflare.com/ajax/libs/es6-shim/0.34.2/es6-shim.min.js"></script>
    <script src="https://code.angularjs.org/2.0.0-beta.1/angular2-polyfills.js"></script>
    <script src="https://code.angularjs.org/tools/system.js"></script>
    <script src="https://code.angularjs.org/tools/typescript.js"></script>
    <script src="https://code.angularjs.org/2.0.0-beta.1/Rx.js"></script>
    <script src="https://code.angularjs.org/2.0.0-beta.1/angular2.dev.js"></script>
    <script src="https://code.angularjs.org/2.0.0-beta.1/http.dev.js"></script>
    <script>
      System.config({
        transpiler: 'typescript',
        typescriptOptions: { emitDecoratorMetadata: true },
        packages: {'src': {defaultExtension: 'ts'}}
      });
      System.import('src/boot')
            .then(null, console.error.bind(console));
    </script>
  </head>

  <body>
    <my-app>loading...</my-app>
  </body>

</html>

有人知道为什么 IE 11 无法运行 Angular 2 应用程序吗?

谢谢!

原文由 Pat Bone Crusher Laplante 发布,翻译遵循 CC BY-SA 4.0 许可协议

阅读 414
1 个回答

第 1 步:取消注释 polyfills.ts 中的 plyfills。同时运行 polyfills.ts 文件中提到的所有 npm install 命令来安装这些包

第 2 步:在 browserslist 文件中,不要在提到 IE 9-11 支持的行之前删除

第 3 步:在 tsconfig.json 文件中将“target”:“es2015”更改为“target”:“es5”

这些步骤解决了我的问题

原文由 user68275 发布,翻译遵循 CC BY-SA 4.0 许可协议

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进