ABP框架：IE浏览器登录时抛出错误，Chrome运行正常

看起来你碰到的是Angular项目在IE里的兼容性问题——Chrome一切正常，偏偏IE访问http://localhost:4200/时抛出这个属性获取错误。这类问题大多和IE对现代JavaScript特性支持不足，或者组件在IE环境下初始化异常有关，下面是一步步的排查和解决思路：

1. 补全Angular所需的Polyfills #

Angular默认不会自动加载IE需要的所有兼容补丁，得手动启用它们：

• 打开项目根目录下的src/polyfills.ts文件
• 取消注释以下针对IE的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';
  
  /** IE10 and IE11 requires the following for NgClass support on SVG elements */
  import 'classlist.js';  // 需要先执行 npm install --save classlist.js
  
  /** IE10 and IE11 requires the following for the Reflect API. */
  import 'core-js/es6/reflect';
  
  /** Evergreen browsers require these. **/
  // 如果你用AOT编译且只使用Angular装饰器，可以移除这行
  import 'core-js/es7/reflect';
  
  /**
   * 若项目使用了AnimationBuilder且目标浏览器包含IE/Edge或Safari，需要这个
   * Angular标准动画支持（6.0+）不需要额外polyfill
   **/
  import 'web-animations-js';  // 需要先执行 npm install --save web-animations-js
  

• 安装对应的依赖包：

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

  注：如果是Angular 8及以上版本，可根据polyfills.ts里的提示调整core-js版本

2. 检查代码中的IE不兼容语法 #

错误指向AccountComponent的第31行，重点检查这段代码：

• 有没有用可选链操作符（比如obj?.version）？IE完全不支持这个语法，得改成传统的空值判断：
  把const version = obj?.version;替换成：

  const version = obj && obj.version ? obj.version : '默认值';
  

• 确认tsconfig.json的编译目标是ES5：打开文件确保"target": "es5"，避免IE无法识别ES6+语法

3. 排查第三方依赖的兼容性 #

如果项目用了第三方UI组件或工具库，可能它们本身不支持IE，或者需要额外补丁：

• 查看依赖库的官方文档，确认是否兼容IE11
• 如果依赖用到了Promise、fetch等特性，记得补充对应polyfill（比如import 'whatwg-fetch';，需先安装npm install --save whatwg-fetch）

4. 修正IE的文档模式设置 #

IE的兼容模式经常会导致特性支持异常：

• 按F12打开开发者工具，切换到「仿真」标签
• 把「文档模式」设置为IE11，不要使用兼容模式
• 同时确保「用户代理字符串」设置为IE11

5. 清理缓存并重新构建 #

IE的缓存很容易引发奇怪的问题，建议：

• 按Ctrl+Shift+Del清空浏览器缓存
• 重新构建项目：执行ng build --prod（或者用ng serve --prod启动测试）

如果按以上步骤操作后还是没解决，可以把AccountComponent第31行的代码贴出来，这样能更精准定位问题。

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