问题描述
嗨，我已经在我的项目中安装了 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
解决方法
这是由 recharts 使用 TypeScript ^3.8 引起的。 TypeScript 3.8 引入了 new syntax to import and export types，recharts 已经利用了它。 recharts 应该提高主要版本号，因为这是一个重大更改（如您所见）。为了使用最新版本的 recharts，您需要将 TypeScript 版本至少提高到 3.8。