【vue-echarts】 报错问题解决 “Error: Component series.pie not exists. Load it first.“
目录
- 问题描述
- 解决
- 【解决1】
- 【解决2】
问题描述
使用 vue-echarts 时导入的文件
import VChart from 'vue-echarts/components/ECharts'
import 'echarts/lib/chart/line'
import 'echarts/lib/chart/bar'
import 'echarts/lib/chart/pie'
import 'echarts/lib/component/legend'
import 'echarts/lib/component/tooltip'
该项目中使用的 vue-echarts 是好几年前的，版本比较低，近期发现使用 vue-echarts 画的图表都出不来，并且报错
Error in callback for watcher "options": "Error: Component series.pie not exists. Load it first."
- vue-echarts 版本：^3.1.3
- echarts 版本：^5.1.2
解决
【解决1】
导入
import 'echarts/lib/chart/pie'，但是我的是已经导入了还报的错，不是这个原因
【解决2】
- 查看
vue-echarts使用说明 发现导入组件时路径不一致 vue-echarts 、 vue-echarts 使用示例- 将
import VChart from 'vue-echarts/components/ECharts'改为import VChart from 'vue-echarts就可以了- 可能是
vue-echarts升级中将组件导出路径进行修改
