Javascript Rechart组件是否可以加载React.lazy？

我试图实现代码拆分，但有些组件无法工作。从中，组件必须来自导出默认值，并且这些是。我还尝试将它们作为默认值导出到我自己的文件中，但没有成功

下面是一个示例组件。有两个组件可以拆分，如果我尝试这样做，其余的就不会渲染

import React，{lazy，suspent}来自“React”
进口{
酒吧，
CartesianGrid，
传奇
工具提示，
XAxis，
亚克斯，
}来自“雷查特”
常量条形图=惰性（（）=>import（'recharts/lib/chart/BarChart'））
const ResponsiveContainer=lazy（（）=>import（'recharts/lib/component/ResponsiveContainer'））
const barAxisTick=（{x，y，payload}）=>{
返回(
{payload.value}
)
}
常量StackedBarChart=（{data，height}）=>(
)
导出默认堆叠条形图

recharts没有导出默认值，因此您必须像这样导入

---

recharts没有导出默认值，因此您必须像这样导入

这对meThis不起作用这对我不起作用

const BarChart = lazy(() => import('recharts').then(module => ({ default: module.BarChart })));
const ResponsiveContainer = lazy(() => import('recharts').then(module => ({ default: module.ResponsiveContainer })));
const Bar = lazy(() => import('recharts').then(module => ({ default: module.Bar })));
const XAxis = lazy(() => import('recharts').then(module => ({ default: module.XAxis })));
const YAxis = lazy(() => import('recharts').then(module => ({ default: module.YAxis })));
const CartesianGrid = lazy(() => import('recharts').then(module => ({ default: module.CartesianGrid })));
const Tooltip = lazy(() => import('recharts').then(module => ({ default: module.Tooltip })));
const ReferenceLine = lazy(() => import('recharts').then(module => ({ default: module.ReferenceLine })));