Recharts最新版本在IE11中崩溃问题求助

你的推测没错，IE11里的SVG元素确实没有原生支持getElementsByClassName方法，你之前的polyfill只覆盖了document和普通Element，没处理SVGElement，所以Recharts渲染SVG图表时还是会报错。按以下步骤修复：

1. 补全SVGElement的polyfill #

在index.js最顶部添加这段代码，确保在所有依赖导入前执行：

// 处理SVGElement的getElementsByClassName兼容
if (!('getElementsByClassName' in SVGElement.prototype)) {
  SVGElement.prototype.getElementsByClassName = function(className) {
    return this.querySelectorAll('.' + className);
  };
}

// 确保document和Element的polyfill也正确生效
if (!('getElementsByClassName' in document)) {
  document.getElementsByClassName = function(className) {
    return this.querySelectorAll('.' + className);
  };
}

if (!('getElementsByClassName' in Element.prototype)) {
  Element.prototype.getElementsByClassName = document.getElementsByClassName;
}

2. 确认polyfill加载顺序 #

这段兼容代码必须放在import Recharts或者其他业务代码之前，保证浏览器在执行Recharts逻辑前，已经给SVGElement补上了方法。

3. 检查IE11文档模式 #

按F12打开IE开发者工具，切换到“仿真”标签，确认“文档模式”是IE11，如果是更低版本，手动切换后再测试。另外可以在服务器响应头里也添加X-UA-Compatible: IE=edge，避免meta标签被服务器配置覆盖。

4. 补充ES6+特性polyfill #

Recharts最新版可能用到IE11不支持的ES6+特性（比如Promise、Array.from），建议引入core-js做全面兼容：

• 安装依赖：npm install core-js regenerator-runtime --save
• 在入口文件顶部导入：

import 'core-js/stable';
import 'regenerator-runtime/runtime';

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