Javascript Recharts 2.0.8<；响应容器></响应容器>；不在IE11工作

我遇到了无法在IE11中使用Rechart的

的问题

<ResponsiveContainer width="100%" height={x + (y ? 10 : 0)}>
                    <BarChart...>
</BarChart>
</ResponsiveContainer>

虽然上述代码在其他浏览器上运行良好，但在IE 11上运行良好，但我发现以下错误：

组件中发生了上述错误： in ResizeDetector（由ResponsiveContainer创建） 在响应容器中（位于chart widget.tsx:286） 在div中（位于chart widget.tsx:285）

考虑将错误边界添加到树中，以自定义错误边界

只要我将

标记更改为下面的简单

标记，图表就会在IE11中正确呈现

<div width="100%" height={x + (y ? 10 : 0)}>
                    <BarChart...>
</BarChart>
</div>

有人能帮我解释一下为什么

标签在IE11中不起作用，我如何才能让它起作用

---

提前谢谢

我用

recharts@2.0.8

我得到了同样的错误。出现此错误的原因是

ResizeDetector

使用IE不支持的用户。使用此l修复问题：

npm install resize-observer-polyfill

在index.js中：

import 'resize-observer-polyfill/dist/ResizeObserver.global'

---

使用

recharts@2.0.9

问题已经解决。

您使用的是create react应用程序吗？我测试了它，它在IE11上运行正常，您应该检查您的捆绑包配置。@lissettdm是的，我们正在使用create react app？@lissettdm您是否也尝试过将版本2.0.8降级以供使用，但出于某种原因，我们希望使用2.0.8版本的RechartSry，我尝试过版本2.0.9，它的效果非常好，我将尝试使用2.0.8