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

本文介绍了解决Echarts5.x版本引入问题的方法。由于Echarts5.x不再支持旧的引入方式,提供了两种解决方案:一是更改引入语句,二是回退到支持的版本。详细步骤包括查看版本、卸载、安装指定版本并重新运行。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

目录

原因:

解决方法:

方法一:更改引入Echarts的语句

方法二:更改echarts的版本号

第一步:查看echarts的版本号

第二步:卸载echarts

第三步:重新下载指定版本echarts

第四步:重新运行


原因:

Echarts 5.x 不再支持上面的引入方式,这一点Echarts官网(升级指南)有说明

解决方法:

方法一:更改引入Echarts的语句

原语句:

import echarts from "echarts";

改为:

import * as echarts from 'echarts';

方法二:更改echarts的版本号

第一步:查看echarts的版本号

方法一:终端查询

项目目录下终端输入:

npm ls echarts

方法二:文件里找

打开package.json

 查看版本(出现这种错误一般是5.0版本,上图为更改后)

第二步:卸载echarts

项目目录下终端输入:

npm uninstall echarts 

第三步:重新下载指定版本echarts

npm install echarts@4.9.0

第四步:重新运行

npm run dev

运行好了

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值