关于Vue引入echarts后使用图表不显示的问题

本文介绍了在Vue项目中遇到Echarts图表无法显示的问题及其解决方案。问题可能出在未正确引入Echarts或者引入的版本不匹配。确保在具体的Vue项目中正确引入Echarts,并且选择合适的版本进行全局引用。

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


前言

一、可能原因一

Vue项目未引入echarts

引入echarts时必须在你要运行的具体的Vue项目中
比如你的Vue项目名称为demo,那就必须在demo项目里面引入

npm install echarts -S

配置完成后可以查看到echarts对应版本,我的是版本5的
版本5

二、可能原因二

引入版本不对

不同版本引入如下:

在 main.js 文件进行全局引用

//版本 4
import echarts from 'echarts'
//版本5
import * as echarts from 'echarts'

总结

这里只列举了两种可能我碰到的原因,还有其他原因。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值