【React】版本正确安装echarts-liquidfill(水球图表)包引入不成功问题

Z_Wonderful2023-08-01 13:44

目标效果图：

安装：

npm install echarts

npm install echarts-liquidfill

引入：

Import:

import * as echarts from 'echarts';
import 'echarts-liquidfill'   或    import 'echarts-liquidfill/src/liquidFill.js'

Or:

import * as echarts from 'echarts/core';
import 'echarts-liquidfill

需要注意(版本问题)：

echarts5.x 版本适用于 echarts-liquidfill3

echarts4.x 版本适用于 echarts-liquidfill2

报错：

错误原因：

echarts与echarts-liquidfill版本不兼容

echarts-liquidfill插件安装成功，需重启项目（看个人）

echarts与echarts-liquidfill版本冲突，（明明重新安装了对应版本缺还是报错），原因：之前进行过多次安转node_modules里面还有之前安装的版本文件，引入文件时有可能会引入不正确（import 'echarts-liquidfill'），例如：
echarts与echarts-liquidfill都有可能不小心进行多次安装

解决方法：删除不需要的版本文件，重新启动项目