vue中引入echarts 报错“export ‘default‘ (imported as ‘echarts‘) was not found in ‘echarts‘

参考的是这篇博主的文章

https://blog.csdn.net/weixin_44874618/article/details/110647652

去看了下我自己的echarts的版本号

npm ls echarts  //查看echarts的版本

一看确实是5.0的
或者在page.json文件查看(这是重装好的,仅做演示)

复制代码
"dependencies": {
"axios": "^0.19.2",
"echarts": "^4.9.0",
"element-ui": "^2.13.2",
"html2canvas": "^1.0.0-rc.7",
"qrcodejs2": "^0.0.2",
"vue": "^2.5.2",
"vue-axios": "^2.1.5",
"vue-qr": "^2.2.1",
"vue-router": "^3.0.1"
},
复制代码


按照这篇博主说的,卸载了重装 echarts

npm uninstall echarts //卸载


重装

npm install echarts@4.9.0
npm fund
npm run dev

 

这样就好了

 

 

 

 效果如下

 

作者:静默虚空
欢迎任何形式的转载,但请务必注明出处。
限于本人水平,如果文章和代码有表述不当之处,还请不吝赐教。

posted @   凹凸曼啦  阅读(22057)  评论(3编辑  收藏  举报
编辑推荐:
· Linux系列:如何用 C#调用 C方法造成内存泄露
· AI与.NET技术实操系列(二):开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
· 理解Rust引用及其生命周期标识(上)
阅读排行:
· 物流快递公司核心技术能力-地址解析分单基础技术分享
· 单线程的Redis速度为什么快?
· 展开说说关于C#中ORM框架的用法!
· Pantheons:用 TypeScript 打造主流大模型对话的一站式集成库
· SQL Server 2025 AI相关能力初探
点击右上角即可分享
微信分享提示