项目开发中,前端非要使用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’;
解决