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

关于Vue引入echarts后使用图表不显示的问题文章目录前言一、可能原因一Vue项目未引入echarts二、可能原因二引入版本不对总结前言一、可能原因一Vue项目未引入echarts引入echarts时必须在你要运行的具体的Vue项目中比如你的Vue项目名称为demo,那就必须在demo项目里面引入npminstallecharts-S配置完成后可以查看到echarts对应版本,我的是版本5的二、可能原因二引入版本不对不同版本引入如下:在main.js文件进行全局引用//版本4importecharts.

大家好,欢迎来到IT知识分享网。


前言

一、可能原因一

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'

总结

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

免责声明:本站所有文章内容,图片,视频等均是来源于用户投稿和互联网及文摘转载整编而成,不代表本站观点,不承担相关法律责任。其著作权各归其原作者或其出版社所有。如发现本站有涉嫌抄袭侵权/违法违规的内容,侵犯到您的权益,请在线联系站长,一经查实,本站将立刻删除。 本文来自网络,若有侵权,请联系删除,如若转载,请注明出处:https://yundeesoft.com/14922.html

(0)
上一篇 2024-02-22 22:45
下一篇 2024-02-24 22:15

相关推荐

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注

关注微信