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>
目录
相关文章
|
7月前
|
存储 安全 Ubuntu
从Linux到Windows:阿里云服务器系统镜像适配场景与选择参考
阿里云为用户提供了丰富多样的服务器操作系统选择,以满足不同场景下的应用需求。目前,云服务器的操作系统镜像主要分为公共镜像、自定义镜像、共享镜像、镜像市场和社区镜像五大类。以下是对这些镜像类型的详细介绍及选择云服务器系统时需要考虑的因素,以供参考。
|
存储 监控 安全
金石推荐 | 【分布式技术专题】「单点登录技术架构」一文带领你好好认识以下Saml协议的运作机制和流程模式
金石推荐 | 【分布式技术专题】「单点登录技术架构」一文带领你好好认识以下Saml协议的运作机制和流程模式
306 0
|
人工智能 弹性计算 并行计算
操作系统迁移难?Alibaba Cloud Linux 支持跨版本升级 | 龙蜥技术
无需担心数据丢失,无需考虑如何解决在升级后同步问题。
|
机器学习/深度学习 存储 关系型数据库
深入Doris实时数仓:导入本地数据
深入Doris实时数仓:导入本地数据
|
IDE Java 开发工具
【Eclipse安装及使用(面向小白)】
【Eclipse安装及使用(面向小白)】
|
JavaScript
webpack-devtool选项 --生成source-map便于开发调试(二)
webpack-devtool选项 --生成source-map便于开发调试(二)
448 0
|
NoSQL 芯片 网络架构
OpenOCD(七):TAP声明
OpenOCD(七):TAP声明
553 1
|
SQL Go 数据库
TiDB Dumpling:高效数据导出解决方案
【2月更文挑战第28天】TiDB Dumpling作为TiDB生态系统中的一款逻辑备份工具,以其高效、易用和灵活的特性,在数据库数据导出领域崭露头角。本文将对TiDB Dumpling进行详细介绍,包括其原理、架构、适用场景、使用方式及与其他工具的对比,旨在帮助读者更好地理解和应用这一工具,实现高效的数据导出。
|
大数据 流计算
掌阅科技基于阿里云实时计算Flink构建数据基建平台
掌阅科技专注于数字阅读,是全球领先的数字阅读平台之一。基于数字阅读平台的海量用户,掌阅通过阿里云实时计算Flink等大数据计算和分析服务,搭建商业化、用户增长、推荐服务等数据基建平台,实现商业化增值与用户阅读体验的结合。
891 1
|
SQL Oracle 关系型数据库
通过sqlplus执行*.sql文件时常见的问题总结
案例1说明: 利用 sqlplus 登录数据库之后 键入: @文件名 全路径     即可执行*.sql 文件 例:假设有一个 test.sql 文件 所在路径是/home/oracle/  现在要执行它 1 登录数据库 sqlplus system/manager 2 在提示符 SQL&gt; 之后键入 SQL&gt; @/home/oracle/test.sql;
2226 0