引入@ant-design/charts之后出现“export ‘__spreadArray‘ was not found in ‘tslib‘

最新推荐文章于 2024-05-13 10:28:40 发布
最新推荐文章于 2024-05-13 10:28:40 发布
阅读量6.7k 收藏 3
点赞数 3
分类专栏： 前端 文章标签： reactjs typescript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_37815935/article/details/117227377
版权

$ npm install @ant-design/charts --save

引入ant-design/charts之后编译出现warning提示：

warning  in ./node_modules/@antv/algorithm/es/gaddi.js

"export '__spreadArray' was not found in 'tslib'

决解方式：npm install tslib --save-dev

wiyon
关注
  • 3
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
./node_modules/@antv/algorithm/es/dijkstra.js Attempted import error: ‘__spreadArray‘...
weixin_48654669的博客
12-13 2612
来自于antd design charts的问题 ./node_modules/@antv/algorithm/es/dijkstra.js Attempted import error: ‘__spreadArray’ is not exported from ‘tslib’. 除迪杰斯特拉还有一个算法文件也会报错。但根本原因都在于 tslib.es6.js(WebStorm中直接搜)第143行(左右,视版本差异,或已被修复) export function __spreadArrays应该是 expor
export ‘__spreadArray‘ (imported as ‘__spreadArray‘) was not found in ‘tslib‘
chengchaoyue28的博客
04-25 206
用脚手架create-react-app 创建react18后，下载 antv@g2， 引用。
vue3代码运行报错 No matching export in “node_modules/.pnpm/vue-demi@0.14.6_vue@3.2.47/node_modules/vue-dem
最新发布
weixin_48230016的博客
05-13 912
vue3代码运行报错 No matching export in “node_modules/.pnpm/vue-demi@0.14.6_vue@3.2.47/node_modules/vue-dem vue版本和pinia版本不兼容导致，因为vue版本"vue": "3.2.37"，pinia版本"pinia": “^2.0.14”，这两个版本不兼容。
报错 | warning in ./node_modules/echarts/lib/util/clazz.js“export ‘__spreadArray‘ was not found in
A123ppleQueen的博客
12-07 2159
1. warning in ./node_modules/echarts/lib/util/clazz.js "export '__spreadArray' was not found in 'tslib' 解决方法： npm install echarts --save-dev 2. "export 'default' (imported as 'echarts') was not found in 'echarts' 3.This relative module was not fo..
解决：This syntax requires an imported helper named ‘__spreadArray‘ which does not exist in ‘tslib‘.
qq_27153595的博客
04-28 196
我目前的解决方案是：直接npm i tslib 就好了。
React npm i @ant-design/ --save无法导入问题
weixin_44102328的博客
08-26 4774
直接 cmd 文件路径，npm i @ant-design/ --save 执行这一步会报下面的错。 npm ERR! code ERESOLVE npm ERR! ERESOLVE unable to resolve dependency tree npm ERR! npm ERR! While resolving: ant-design-pro@4.5.0 npm ERR! Found: react@16.14.0 npm ERR! node_modules/react npm ERR! re
Linux移植随笔：终于解决Tslib的问题了
李迟的专栏
04-13 5546
Linux移植随笔：终于解决Tslib的问题了
vue中引入echarts 报错“export ‘default‘ (imported as ‘echarts‘) was not found in ‘echarts‘
qq_52126119的博客
10-07 2223
Echarts 5.x 不再支持上面的引入方式，这一点Echarts官网（升级指南）有说明。
ant-design-charts:一个React图库
03-19
@ ant-design / charts 一个基于React图表库 特征 便于使用 打字稿 漂亮轻巧 React灵敏 评书 安装 npm $ npm install @ant-design/charts 用法 import React from 'react' ; import { Line } from '@ant-design/...
IPC-7251-Padstack-Charts.rar_嵌入式/单片机/硬件编程_QT_
08-11
标题中的"IPC-7251-Padstack-Charts.rar"指的是IPC-7251标准的焊盘设计图表的压缩文件，这个标准是电子制造领域的一个重要参考，特别是对于PCB（印制电路板）设计。IPC，即国际电子工业联接协会，是一个制定电子组装...
ilog-charts3d.rar_ILOG_ILOg charts_flex_ilog-elixir_ilog.charts3
09-24
在可视化方面，ILOG提供了强大的图表组件，其中ILOG Charts 3D是针对Flex平台的一个重要组件，用于创建富有表现力的三维图形和数据可视化效果。本文将深入探讨ILOG Charts 3D的源码，以及如何将其整合到项目中进行...
XCL-Charts-master.zip_Android-Charts_XCL-Charts_android_java中xch
09-19
**XCL-Charts 是一款专为 Android 应用设计的图表库，主要由 Java 语言编写，便于开发者在 Android 平台上实现丰富的图表展示功能。这个压缩包 "XCL-Charts-master.zip" 包含了 XCL-Charts 的源代码，提供了一个详细...
ant-design-mobile-chart:基于F2的Ant Design移动图表
05-07
ant-design-mobile-chart 说明 ant-design-mobile-chart 是为移动端开发的 react 图表组件库，图形语法底层基于 实现图形语法。 组件库具有轻量、灵活、易用的特点 安装 $ npm install ant-design-mobile-chart --...
React Next.js Ant Design antd 报错: Warning: Prop `className` did not match. Server:....
未将对象引用设置到对象的实例
03-12 1887
React + Next.js + Ant Design (antd) 浏览器console报错信息: Warning: Prop `className` did not match. Server: "anticon anticon-user ant-menu-item-icon" Client: "anticon anticon-user -item-icon" 问题分析 导入的方式不同, 不共享上下文 import { Menu } from 'antd'; // 这样导入 会报错这个错误
tslib 安装出错及解决
脚踏实地，仰望星空
06-27 8549
1.执行./autogen.sh 提示错误： ./autogen.sh: 4: autoreconf: not found 解决方法： sudo apt-get install autoconf automake libtool 2.执行./configure --host=arm-linux --prefix=/usr/local/tslib 提示错误： ts_te
Ant Design Pro 使用图表 charts bizcharts
热门推荐
a_靖的博客
01-09 1万+
微信小程序开发交流qq群 173683895 承接微信小程序开发。扫码加微信。 淌了一下午坑，都是辛酸泪 总结：首先要知道， 它不能直接使用charts ，需要安装bizcharts 插件，然后导入bizcharts 中的charts； 点击跳转到 bizcharts 官方文档，建议看完整个流程再跳转 首先，安装bizcharts $ npm instal...
import { TinyArea } from '@ant-design/charts'; 引入报错
05-27
如果你在使用 `import { TinyArea } from '@ant-design/charts';` 引入 `@ant-design/charts` 中的 `TinyArea` 组件时遇到了报错，可能有以下几种可能： 1. 未正确安装 `@ant-design/charts`，请确保已正确安装该依赖包。 2. 你的代码环境中缺少必要的依赖包。请尝试安装缺少的依赖，比如： ```bash npm install @antv/util@^5.0.1 npm install @antv/path-util@^5.0.1 npm install @antv/g-math@^5.0.0 npm install @antv/adjust@^5.0.0 npm install @antv/scale@^5.0.2 npm install @antv/attr@^5.0.0 npm install @antv/shape@^5.0.0 npm install @antv/parse-scale@^5.0.0 npm install @antv/geometry@^5.0.0 npm install @antv/component@^5.0.0 npm install @antv/coord@^5.0.0 npm install @antv/axis@^5.0.0 npm install @antv/legend@^5.0.0 npm install @antv/f2@^3.3.3 npm install @antv/data-set@^0.11.7 npm install @ant-design/icons@^4.6.2 npm install @ant-design/colors@^2.0.2 npm install @antv/g2@^3.7.6 npm install @antv/g2plot@^1.1.5 npm install @ant-design/charts@^1.2.4 ``` 如果以上方法都不行，可以尝试使用 `import TinyArea from '@ant-design/charts/es/tiny-area';` 的方式引入 `TinyArea` 组件。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值