526互联

Next.js 使用@ant-design/charts问题结局

发布时间 2023-06-14 10:13:46作者: ministep88

## ant-design/charts 版本问题，导致nextjs 使用报错

解决办法

- 使用子包

- 使用下面加载方式

 

import dynamic from 'next/dynamic';
const Line = dynamic(() => import('@ant-design/charts').then(({ Line }) => Line),
    { ssr: false }
);

参考：

[reactjs - Next.js problem with @ant-design/charts, error - Stack Overflow](https://stackoverflow.com/questions/70357541/next-js-problem-with-ant-design-charts-error)

[Dependency issue with antd v5.0.0 · Issue #1689 · ant-design/ant-design-charts](https://github.com/ant-design/ant-design-charts/issues/1689)