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

时间:2021-02-21 00:31:36

标签: typescript recharts react-tsx

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

编译失败。

/Users/rmanreza/Projects/portfolio/node_modules/recharts/types/cartesian/YAxis.d.ts /Users/rmanreza/Projects/portfolio/node_modules/recharts/types/cartesian/YAxis.d.ts(1,13) 中的 TypeScript 错误: '=' 预期。 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" , "是的": "^0.29.3" }, .... * 我不知道如何解决这个问题,所以我可以使用 recharts

1 个答案:

答案 0 :(得分:4)

这是由 recharts 使用 TypeScript ^3.8 引起的。 TypeScript 3.8 引入了 new syntax to import and export typesrecharts 已经利用了它。 recharts 应该提高主要版本号,因为这是一个重大更改(如您所见)。为了使用最新版本的 recharts,您需要将 TypeScript 版本至少提高到 3.8。