Ag-Grid在IE 10中无法加载的技术问题咨询

我之前也碰到过类似的Ag-Grid兼容旧IE浏览器的问题，结合你的情况（IE11正常、IE10加载失败），可以从这几个方向排查解决：

1. 确认Ag-Grid版本的IE兼容范围 #

首先要明确：很多较新的Ag-Grid版本已经正式放弃了对IE10的支持，仅保留IE11及以上版本的兼容。你可以核对一下当前使用的Ag-Grid版本的官方兼容说明（注意查看对应版本的文档，不要直接看最新版），如果你的版本确实不支持IE10，要么降级到支持IE10的旧版本，要么考虑放弃IE10的兼容。

2. 补全IE10缺失的Polyfill #

IE10对ES5+的特性支持不全，而Ag-Grid运行依赖这些特性（比如Promise、Array.prototype.find、Object.assign等）。你需要在项目中注入对应的polyfill：

• 如果使用Babel，可以在项目入口文件手动引入核心polyfill：

  // 按需引入IE10缺失的特性
  import 'core-js/es6/promise';
  import 'core-js/es6/array';
  import 'core-js/es6/object';
  

• 也可以配置@babel/preset-env，设置targets: { ie: "10" }和useBuiltIns: 'usage'，让Babel自动根据目标浏览器注入所需的polyfill。

3. 调整代码编译/加载配置 #

• 如果是用Webpack、Rollup等构建工具，要确保编译目标设置为ES5，因为IE10不支持ES6+语法。比如在tsconfig.json（如果用TypeScript）中设置：

  {
    "compilerOptions": {
      "target": "ES5",
      "lib": ["ES5", "DOM"]
    }
  }
  

• 如果是通过CDN加载Ag-Grid，要确认是否使用了兼容旧IE的CDN包，部分CDN提供的“现代版”包会省略IE兼容代码，导致IE10无法加载。

4. 针对控制台错误精准修复 #

你附上的控制台截图肯定包含关键线索，这里给你几个常见错误的对应解决方向：

• 如果报错是Expected identifier：说明代码中存在IE10不支持的语法（比如箭头函数、let/const未转译、对象字面量的简洁语法等），需要调整构建工具的转译规则，确保所有代码都转译为IE10能识别的ES5语法。
• 如果报错是Object doesn't support property or method 'xxx'：直接针对这个缺失的方法/属性添加对应的polyfill即可，比如Array.prototype.includes就引入core-js/es7/array。

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