Cannot read property 'echarts' of undefined

场景描述：

将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";