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

目标效果图:

安装:

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

报错:

错误原因:

echartsecharts-liquidfill版本不兼容

echarts-liquidfill插件安装成功,需重启项目(看个人)

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

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

相关推荐
一条破秋裤5 分钟前
关于使用天地图、leaflet、ENVI、Vue工具实现 前端地图上覆盖上处理的农业地块图层任务
前端·javascript·vue.js
开花大馒头7 分钟前
本地学习axios源码-如何在本地打印axios里面的信息
前端·react.js
徐同保9 分钟前
web3.js + Ganache 模拟以太坊账户间转账
开发语言·javascript·web3
hummhumm25 分钟前
第 38 章 -GO语言 事件驱动架构
java·javascript·后端·python·架构·golang·ruby
老胡说前端1 小时前
vue3 多种方式接受props,定义ref,reactive
java·前端·javascript
ew452181 小时前
【VUE】el-table表格内输入框或者其他控件规则校验实现
前端·javascript·vue.js
Lsx-codeShare1 小时前
Uniapp 安装安卓、IOS模拟器并调试
android·前端·javascript·ios·微信小程序·小程序·uni-app
爱上语文1 小时前
Ajax入门程序
前端·javascript·css·ajax·html
乐闻x1 小时前
Vue 3 实现高性能拖拽指令的最佳实践
前端·javascript·vue.js
且听风吟7202 小时前
JS综合解决方案5——模块化和构建工具
javascript·面试