在typescript项目中尝试使用重图表时出错



嗨,我已经在我的项目中安装了recharts和@types/recharts。现在,当我尝试导入任何图表到一个组件,我有这个错误:

编译失败。

/用户/rmanreza/项目/组合/node_modules/recharts/类型/笛卡尔/YAxis.d.ts/Users/rmanreza/Projects/portfolio/node_modules/recharts/types/cartesian/YAxis.d.ts中的TypeScript错误(1,13):"="的预期。TS1005

1 | import type {FunctionComponent, SVGProps} from 'react';| ^2 |从"../util/types"中导入{BaseAxisProps, AxisInterval};3 |接口YAxisProps扩展BaseAxisProps {4 | yAxisId?: string | number;

这是如何包装。Json格式如下:

*

{"name";portfolio";version";;0.1.0";private"; true;;dependencies"; {"@fortawesome/fontawesome-svg-core";; "@testing-library/jest-dom";; "^1.2.30"; "@testing-library/react"; "^9.3.2";@testing-library/user-event"; "@types/recharts"; ";"^0.21.1" formik";^2.2.6";react-dom"; ";^16.13.1";react-router";; "; 3.11.0";react-router";; 5.2.0";react-scripts";;3.4.1";recharts";; 2.0.7";styled-components";;;"^ 3.7.5"yup":"^ 0.29.3"},....*我不知道如何解决这个问题,所以我可以使用recharts

这是由recharts使用TypeScript ^3.8造成的。TypeScript 3.8引入了一个导入和导出类型的新语法,recharts已经利用了这个语法。recharts应该已经碰撞了主要版本号,因为这是一个突破性的变化(如你所发现的)。为了使用最新版本的recharts,你需要将TypeScript的版本调到至少3.8。

最新更新