Angular 4网站未在IE11中呈现

Angular 4网站未在IE11中呈现,angular,internet-explorer-11,Angular,Internet Explorer 11,我有一个基于Angular和SystemJS构建的网站,我们的实时网站不是在IE11上呈现的。我们没有得到任何错误,只是一个空的身体。我们甚至看不到“加载…”文本 当我在开发过程中在本地运行这个程序时,IE工作得很好,所以在编译和绑定的版本中似乎缺少了一些东西 欢迎您访问该网站 以下是dev和live之间的一些区别: html开发 tsconfig-aot.json(实时) 我查看了这些导入并将其添加到main-aot.ts文件中,但这并没有解决问题: import 'core-js/es6/s

我有一个基于Angular和SystemJS构建的网站,我们的实时网站不是在IE11上呈现的。我们没有得到任何错误,只是一个空的身体。我们甚至看不到“加载…”文本

当我在开发过程中在本地运行这个程序时,IE工作得很好,所以在编译和绑定的版本中似乎缺少了一些东西

欢迎您访问该网站

以下是dev和live之间的一些区别:

html开发 tsconfig-aot.json(实时) 我查看了这些导入并将其添加到main-aot.ts文件中,但这并没有解决问题:

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/set';
这个问题最令人沮丧的是,IE11上的控制台中没有显示错误。没有故障排除的起点。我没有注意到其他与浏览器相关的问题。当然,在铬合金上效果很好

我非常感谢社区在这方面提供的任何帮助。如果我遗漏了任何重要的细节,请告诉我

更新 我通过cdn添加了polyfills,并在
main aot.ts
中注释掉了导入内容,但IE中的行为没有改变:

<script src="shim.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/es6-shim/0.35.3/es6-shim.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/web-animations/2.3.1/web-animations.min.js"></script>
<script src="zone.min.js"></script>

更新2 我将Angular的版本从4.0.0回滚到2.4.9,IE又开始工作了。但是,我不喜欢将此作为解决方案,因为2x版本比4x版本大35%


我知道动画从2变为4有一个显著的变化——但是,什么可能导致我们看到的症状?

没有看到你的动画js polyfill没有看到你的动画js polyfill
{
  "compilerOptions": {
    "target": "es5",
    "module": "commonjs",
    "moduleResolution": "node",
    "sourceMap": true,
    "emitDecoratorMetadata": true,
    "experimentalDecorators": true,
    "lib": [ "es2015", "dom" ],
    "noImplicitAny": true,
    "allowSyntheticDefaultImports": true,
    "suppressImplicitAnyIndexErrors": true
  }
}
{
  "compilerOptions": {
    "target": "es5",
    "module": "es2015",
    "moduleResolution": "node",
    "sourceMap": true,
    "emitDecoratorMetadata": true,
    "experimentalDecorators": true,
    "lib": ["es2015", "dom"],
    "noImplicitAny": true,
    "suppressImplicitAnyIndexErrors": true,
    "allowSyntheticDefaultImports": true,
    "typeRoots": [
      "node_modules/@types/"
    ]
  },

  "files": [
    "src/app/app.module.ts",
    "src/app/main-aot.ts"
  ],

  "angularCompilerOptions": {
   "genDir": "aot",
   "skipMetadataEmit" : true
 }
}
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/set';
<script src="shim.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/es6-shim/0.35.3/es6-shim.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/web-animations/2.3.1/web-animations.min.js"></script>
<script src="zone.min.js"></script>