Angular 8 + .NET Core 2.2项目在IE11无法运行求助

我之前遇到过类似的问题，这个错误通常是由于IE11缺少必要的polyfill，或者某些依赖库的兼容性问题导致的。下面是我整理的几个解决方案，你可以逐一尝试：

1. 确保完整导入IE11所需的polyfills #

打开项目中的src/polyfills.ts文件，检查并添加以下关键polyfill（如果尚未添加）：

// 基础ES5兼容polyfill
import 'core-js/es/function';
import 'core-js/es/object';
import 'core-js/es/array';
import 'core-js/es/date';
import 'core-js/es/promise';

// Zone.js的IE兼容polyfill
import 'zone.js/dist/zone';
import 'zone.js/dist/zone-polyfill';

// 针对Function.prototype.toString的特定polyfill
import 'core-js/proposals/function-to-string';

注意：Angular 8对应的core-js版本通常是2.x，如果你用的是3.x版本，导入路径可能会有差异，建议核对你的package.json中的core-js版本来调整导入语句。

2. 确认TypeScript配置的正确性 #

不仅要修改根目录下的tsconfig.json，还要确保src/tsconfig.app.json中的配置符合IE11要求：

{
  "extends": "../tsconfig.json",
  "compilerOptions": {
    "target": "es5",
    "lib": ["es5", "es2015.core", "es2015.collection", "es2015.promise", "dom"],
    "types": ["node"]
  },
  "exclude": [
    "test.ts",
    "**/*.spec.ts"
  ]
}

确保两个配置文件中的target都设置为"es5"，并且lib数组包含了IE11支持的JavaScript特性集合。

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

有些第三方库可能没有被编译到ES5，或者本身不支持IE11。你可以通过以下步骤排查：

• 运行ng build --prod --stats-json生成构建统计文件
• 使用webpack-bundle-analyzer工具分析打包后的文件，找出可能存在兼容性问题的库
• 尝试将这些库替换为兼容IE11的版本，或者在angular.json的build配置中添加对这些库的转译配置：

"build": {
  "options": {
    ...
    "allowedCommonJsDependencies": ["有问题的库名称"],
    ...
  },
  "configurations": {
    "production": {
      ...
      "scripts": [
        // 如果需要，可以手动添加第三方库的ES5版本脚本
      ]
    }
  }
}

4. 清除缓存并重新构建 #

IE11的缓存机制很容易导致旧代码残留，建议：

• 彻底清除IE11的浏览器缓存（包括Cookie和网站数据）
• 运行ng clean清除项目的构建缓存
• 重新执行ng build --prod构建生产版本，再部署到IE11中测试

5. 定位错误代码的具体来源 #

打开报错的polyfills-es5.js文件，跳转到4703行附近，查看对应的代码片段。这个错误通常是由于某个代码调用Function.prototype.toString时，this指向的不是一个函数对象。找到对应的代码后，你可以针对性地添加polyfill，或者修改相关依赖的使用方式。

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