SharePoint环境下Angular 5生产版本无法在IE11渲染问题排查

我来帮你排查下这个问题，这种情况在Angular 5 + IE11 + SharePoint的组合里挺常见的，结合你提到的「开发模式正常、SharePoint环境下app-root标签为空」的现象，大概率是这些原因：

虽然你提到了polyfill文件，但要确认生产/SharePoint环境下是否真的包含了IE11必需的所有polyfill。Angular 5默认的polyfills.ts里很多关键配置是注释状态，生产环境必须取消注释并安装对应依赖：

• 先执行安装命令：

  npm install core-js@2 classlist.js web-animations-js --save
  

  （注意Angular 5对应core-js@2，不要装v3版本）
• 然后在polyfills.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/weak-map';
  import 'core-js/es6/set';
  import 'classlist.js';
  import 'web-animations-js';
  

• 同时检查.angular-cli.json（Angular 5的配置文件）里的scripts节点，确保polyfill相关脚本在生产构建时被正确引入。

Angular 5的生产构建默认可能输出ES6代码，但IE11完全不支持ES6语法，必须强制构建为ES5：

• 修改tsconfig.json里的编译目标：

  {
    "compilerOptions": {
      "target": "es5",
      // 其他配置保持不变
    }
  }
  

• 如果有tsconfig.app.json，也要同步把target设为es5，确保构建时使用正确的配置。

SharePoint本身会加载大量自有脚本，可能打乱Angular的脚本加载顺序，导致初始化失败：

• 尝试手动把Angular的脚本按顺序添加到SharePoint页面的<head>标签中，确保polyfill优先加载：

  <script src="你的部署路径/polyfills.js" defer></script>
  <script src="你的部署路径/vendor.js" defer></script>
  <script src="你的部署路径/main.js" defer></script>
  

• 打开IE11的开发者工具（F12），查看控制台的错误信息——app-root为空大多是因为某个脚本报错，导致Angular无法完成初始化，这是最直接的排查线索。

Angular依赖Zone.js处理变更检测，IE11下部分Zone.js版本可能存在兼容问题：

• 安装Angular 5对应的Zone.js版本（比如0.8.26）：

  npm install zone.js@0.8.26 --save
  

• 确认polyfills.ts里Zone.js的导入在靠前位置：

  import 'zone.js/dist/zone';
  

SharePoint环境下，Angular应用的基础路径如果配置不对，会导致脚本/资源加载失败，进而无法初始化：

• 检查index.html里的<base href>是否匹配SharePoint的部署路径，比如部署在子站点的话，应该设置为：

  <base href="/sites/你的子站点路径/">
  

• 用IE11的网络面板查看polyfills.js、vendor.js、main.js的加载状态，如果出现404错误，就是路径配置有问题。

最后建议优先查看IE11控制台的错误信息，它会直接指向问题根源，比盲目排查效率高很多。

内容的提问来源于stack exchange，提问作者cfoster5