尝试在打字稿项目中使用 rechart 时出错

Ray*_*eza 2 typescript recharts react-tsx

嗨,我已经在我的项目中安装了 recharts 和 @types/recharts。现在,当我尝试将任何图表导入组件时,出现此错误:

编译失败。

/Users/rmanreza/Projects/portfolio/node_modules/recharts/types/cartesian/YAxis.d.ts TypeScript 错误 /Users/rmanreza/Projects/portfolio/node_modules/recharts/types/cartesian/YAxis.d.ts(1, 13): '=' 预期。TS1005

1 | 从“反应”导入类型 { FunctionComponent, SVGProps }; | ^ 2 | import { BaseAxisProps, AxisInterval } from '../util/types'; 3 | 接口 YAxisProps 扩展 BaseAxisProps { 4 | yAxisId?: 字符串 | 数字;

这是 package.json 的样子:

*

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

小智 5

这是由recharts使用 TypeScript ^3.8引起的。TypeScript 3.8 引入了一种新的语法来导入和导出 types,它recharts利用了 . recharts应该增加主要版本号,因为这是一个重大更改(如您所见)。为了使用最新版本的recharts,您需要将您的 TypeScript 版本至少提高到 3.8。