我试图弄清楚为什么我的 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 许可协议
第 1 步:取消注释 polyfills.ts 中的 plyfills。同时运行 polyfills.ts 文件中提到的所有 npm install 命令来安装这些包
第 2 步:在 browserslist 文件中,不要在提到 IE 9-11 支持的行之前删除
第 3 步:在 tsconfig.json 文件中将“target”:“es2015”更改为“target”:“es5”
这些步骤解决了我的问题