【vue-echarts】 报错问题解决 “Error: Component series.pie not exists. Load it first.“

问题描述

使用 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 升级中将组件导出路径进行修改