Cannot read property 'echarts' of undefined

场景描述：

将echarts 引入到vue项目中，使用了地图map，在开发环境中引入没有问题

import Echarts from "echarts";
// 引入中国地图数据
import "./china.js";

  

 

  
1
  
2
  
3
 

打包上线后发现界面白屏，而且控制台报错

Cannot read property 'echarts' of undefined

  

 

  
1
 

问题解决

由于参考了网上的文章，将china.js 单独下载使用，导致引入问题

其实，安装完echarts 里边就带有中国地图了，正确的引入方式应该是：

import Echarts from "echarts";
// 引入中国地图数据
import "echarts/map/js/china.js";


  

 

  
1
  
2
  
3
  
4
 

文章来源: pengshiyu.blog.csdn.net，作者：彭世瑜，版权归原作者所有，如需转载，请联系作者。

原文链接：pengshiyu.blog.csdn.net/article/details/105643491