如何在vue项目中使用两个版本的npm包依赖

最近在开发新需求时遇到一个问题,页面是图表可视化,使用的是echarts。在页面中包含一个地图和一个词云图。一开始echarts默认安装的是5.0+版本,可以地图的鼠标点击地图时总是会出现同时高亮两个省市且鼠标悬浮展示的框中内容不变。问题改了许久也没有得到解决,最终发现是因为版本过高导致的不稳定性。
地图图表稳定的话建议使用5.0以下版本。安装了5.0以下的版本问题,结果云图无法使用,因为词云图最低使用5.0以上版本。

此时就涉及到一个问题即是一个vue项目需要安装两个版本的依赖。
1、我先是安装了5.0版本

npm install echarts5@npm:echarts@5.5.1 -S

2、此时出现问题词云图依旧报错,我开始寻找原因,尝试把两个版本的依赖都卸载,先安装5.0+版本,再安装5.0以下版本,问题解决。

npm install echarts@5.5.1 -S
npm install echarts4@npm:echarts@4.4.1 -S

3、使用

import * as echarts4 from 'echarts@4.4.1'
posted @ 2021-08-01 20:59  zhongfang99  阅读(852)  评论(0编辑  收藏  举报