【问题标题】:Error trying using recharts in typescript project尝试在 typescript 项目中使用 recharts 时出错
【发布时间】:2021-05-23 15:36:12
【问题描述】:

您好,我已经在我的项目中安装了 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 |从'../util/types'导入{ BaseAxisProps, AxisInterval }; 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" }, …… * 我不知道如何解决这个问题,所以我可以使用图表

【问题讨论】:

  • 这不是一个真正的解决方案,所以我不会将它作为“答案”发布,而是作为评论发布。我从 2.0.7 恢复到 2.0.3,不再有这个问题。
  • @CherryNerd 谢谢它的工作。

标签: typescript recharts react-tsx


【解决方案1】:

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

【讨论】:

    猜你喜欢
    • 2018-10-05
    • 2019-12-28
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2017-04-17
    • 2023-02-03
    • 2016-12-29
    • 1970-01-01
    相关资源
    最近更新 更多