关于vue 引入两个版本echarts的坑。

项目开发中，前端非要使用echarts3.0版本。我的业务又有地图需要显示。（吐槽一下后端开发招进来变前端）。
一开始是引用了5.0版本的js文件，后来踩了很多坑就改成引用别名。

控制台输入

npm i echarts5@npm:echarts@5.0.2

使用
这里有个大坑，因为我这里echarts-gl也被前端用了，我没有使用别名。直接引入的。

(function webpackUniversalModuleDefinition(root, factory) {
	if(typeof exports === 'object' && typeof module === 'object')
		module.exports = factory(require("echarts5"));
	else if(typeof define === 'function' && define.amd)
		define(["echarts5"], factory);
	else if(typeof exports === 'object')
		exports["echarts-gl"] = factory(require("echarts5"));
	else
		root["echarts-gl"] = factory(root["echarts5"]);
}) `

我是直接改了echarts-gl.js内的require(“echarts”)为require(“echarts5”)。在本地调试没有问题，打包编译后就报错了。后面才知道问题出在echarts版本上

这里参考了别人的资料，最后使用
import * as echarts5 from '‘echarts5’;
解决