我试图找出为什么我的角度2应用程序在IE 11中运行时显示正在加载...
根据某人的建议,我尝试过这个有关堆栈溢出的人,在Chrome和IE 11上发布.在Chrome上工作正常,但在IE 11上失败.同样的错误,坚持说"正在加载..."
吸虫是: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无法运行角度2应用程序？
谢谢!
我已经完成了互联网上不同帖子中提到的所有内容，但是我的问题仍然存在。
我未评论IE 9、10、11所需的polyfill
/** IE9, IE10 and IE11 requires all of the following polyfills. **/
import 'core-js/es6/symbol';
import 'core-js/es6/object';
import 'core-js/es6/function';
import 'core-js/es6/parse-int';
import 'core-js/es6/parse-float';
import 'core-js/es6/number';
import 'core-js/es6/math';
import 'core-js/es6/string';
import 'core-js/es6/date';
import 'core-js/es6/array';
import 'core-js/es6/regexp';
import 'core-js/es6/map';
import 'core-js/es6/weak-map';
import 'core-js/es6/set';
我在index.html中应用了meta标签
<meta http-equiv="X-UA-Compatible" content="IE=edge" >
但是在IE 11中工作时仍然出现错误：
SCRIPT438：对象不支持属性或方法'bind'runtime.js（208,11）
脚本1010：预期的标识符polyfills.js（3846,36）
脚本1010：预期的标识符styles.js（310,24）
SCRIPT1028：期望的标识符，字符串或数字vendor.js（298,5）
SCRIPT1010：预期的标识符main.js（1424,32）
编辑1 这是我的tsconfig.json：
{
"compileOnSave": false,
"compilerOptions": {
"outDir": "./dist/out-tsc",
"baseUrl": "src",
"sourceMap": true,
"declaration": false,
"moduleResolution": "node",
"emitDecoratorMetadata": true,
"experimentalDecorators": true,
"target": "es5",
"typeRoots": [ …我需要使Angular项目在IE11和Edge上都能工作，但是在这两个浏览器中甚至都没有显示一个非常简单的问候世界。
这是我所做的：
$npm -v
6.10.2
$ng v
Angular CLI: 8.1.3
Node: 10.15.1
OS: win32 x64
Angular: 8.1.3
... animations, cli, common, compiler, compiler-cli, core, forms
... language-service, platform-browser, platform-browser-dynamic
... router
Package Version
-----------------------------------------------------------
@angular-devkit/architect 0.801.3
@angular-devkit/build-angular 0.801.3
@angular-devkit/build-optimizer 0.801.3
@angular-devkit/build-webpack 0.801.3
@angular-devkit/core 8.1.3
@angular-devkit/schematics 8.1.3
@ngtools/webpack 8.1.3
@schematics/angular 8.1.3
@schematics/update 0.801.3
rxjs 6.4.0
typescript 3.4.5
webpack 4.35.2
ng new ie-test
npm install --save classlist.js
npm install --save web-animations-js
$npm -v
6.10.2
适用于Chrome和Firefox，但不适用于IE11或Edge。
在开发人员工具中检查控制台时，我发现app-root标记完全为空！而且没有错误出现。 …