Cannot read property 'echarts' of undefined

简介: 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";
            </div>
目录
相关文章
|
JavaScript 前端开发 PHP
【Vue+NodeJS】vue路由及NodeJS环境搭建(Windows版)
Node.js是一个基于Chrome V8引擎构建的JavaScript运行时环境使用了一个事件驱动、非阻塞式I/O 的模型;可以让JavaScript在服务器端运行,它让JavaScript成为与PHP、Python、Perl、Ruby等服务端语言平起平坐的脚本语言。相对于传统的JavaScript运行环境(如浏览器),Node.js具有以下特点:事件驱动:Node.js使用事件驱动的非阻塞I/O模型,使得在处理大量并发请求时效率更高。单线程。
|
JavaScript 前端开发 开发者
掌握JavaScript:从新手到专家的进阶之路
【6月更文挑战第8天】本文为JavaScript初学者指明了成为专家的进阶路径,涵盖核心概念、DOM操作、异步编程、原型链、ES6新特性、模块化、性能优化及后端开发。通过学习和实践这些关键技能,开发者能不断提升JavaScript水平,实现全栈开发。保持好奇心和求知欲是进阶的关键。
|
XML SQL Java
IntelliJ IDEA 插件 MybatisX 在mapper和xml间跳转
IntelliJ IDEA 插件 MybatisX 在mapper和xml间跳转
3545 0
|
SQL JSON Java
IntelliJ IDEA 15款 神级超级牛逼插件推荐
IntelliJ IDEA 15款 神级超级牛逼插件推荐
5131 1
|
存储 监控 网络协议
Java网络编程:文件下载详解
文件下载是网络应用程序中的一个常见任务,允许用户从远程服务器获取文件。Java提供了丰富的网络编程库,使文件下载变得相对简单。本文将详细介绍如何使用Java进行文件下载,并提供一些相关内容的解释。
402 0
|
安全
电子商务的系统架构
电子商务的系统架构
375 0
|
JavaScript 关系型数据库 MySQL
一文详解Docker数据卷(volume)
一文详解Docker数据卷(volume)
|
Linux Go 调度
谈谈对 GMP 的简单认识
犹记得最开始学习 golang 的时候,大佬们分享 GMP 模型的时候,总感觉云里雾里,听了半天,并没有一个很清晰的概念,不知 xmd 是否会有这样的体会
272 0
|
Python
Python-Matplotlib绘制条形图
条形图具有丰富的表现形式,常见的类型包括单组条形图,多组条形图,堆积条形图和对称条形图等。本文利用Matplotlib绘制常见条形图。
1435 1
Python-Matplotlib绘制条形图