场景描述:
将echarts 引入到vue项目中,使用了地图map,在开发环境中引入没有问题
import Echarts from "echarts"; // 引入中国地图数据 import "./china.js";
打包上线后发现界面白屏,而且控制台报错
Cannot read property 'echarts' of undefined
问题解决
由于参考了网上的文章,将china.js
单独下载使用,导致引入问题
其实,安装完echarts
里边就带有中国地图了,正确的引入方式应该是:
import Echarts from "echarts";
// 引入中国地图数据import "echarts/map/js/china.js";
</div>