项目开发中,前端非要使用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版本上
![在这里插入图片描述](https://img-blog.csdnimg.cn/20210615185848217.jpg?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxOTQwMDY3,size_16,color_FFFFFF,t_70)
这里参考了别人的资料,最后使用
import * as echarts5 from '‘echarts5’;
解决