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>
目录
相关文章
|
4月前
|
安全 网络协议 Linux
深入理解Linux内核模块:加载机制、参数传递与实战开发
本文深入解析了Linux内核模块的加载机制、参数传递方式及实战开发技巧。内容涵盖模块基础概念、加载与卸载流程、生命周期管理、参数配置方法,并通过“Hello World”模块和字符设备驱动实例,带领读者逐步掌握模块开发技能。同时,介绍了调试手段、常见问题排查、开发规范及高级特性,如内核线程、模块间通信与性能优化策略。适合希望深入理解Linux内核机制、提升系统编程能力的技术人员阅读与实践。
459 1
|
4月前
|
Linux 虚拟化 iOS开发
macOS Tahoe 26 beta 7 (25A5346a) Boot ISO 原版可引导镜像下载
macOS Tahoe 26 beta 7 (25A5346a) Boot ISO 原版可引导镜像下载
210 0
macOS Tahoe 26 beta 7 (25A5346a) Boot ISO 原版可引导镜像下载
|
4月前
|
人工智能 架构师 API
小微企业零成本搭建:Excel任务到期提醒工具的VBA自动推送系统(附保姆级教程)
职场中因忘记截止日期导致的项目延误屡见不鲜。本文剖析传统提醒方式的三大失效原因,测评五类智能任务提醒工具,并提供板栗看板等工具的实操方案,助你实现任务有迹可循、提醒精准到位,从“被动忘”转变为“主动追”。
小微企业零成本搭建:Excel任务到期提醒工具的VBA自动推送系统(附保姆级教程)
|
4月前
|
JSON 搜索推荐 数据挖掘
巧用京东 API,精准把握京东平台用户消费偏好
在电商竞争激烈的环境下,精准把握用户消费偏好对提升转化率和优化营销策略至关重要。京东作为国内领先的电商平台,提供丰富的开放 API,支持开发者获取用户行为、订单、浏览等数据。通过调用这些 API,企业可深入分析用户偏好,构建个性化推荐与精准营销方案。本文详细介绍了如何通过京东 API 获取数据、分析用户偏好,并结合实际案例展示其应用场景与效果,助力企业提升运营效率与市场竞争力。
297 0
|
10月前
|
机器学习/深度学习 人工智能 弹性计算
AI剧本生成与动画创作解决方案评测:这项技术能为短视频创作带来哪些改变?
随着短视频行业的竞争加剧,创作速度和质量成为关键。阿里云的《AI剧本生成与动画创作》解决方案利用NLP和计算机视觉技术,通过简单的关键词或主题自动生成剧本和动画,显著提高创作效率并降低技术门槛。评测显示,该方案能在几小时内完成从剧本到动画的创作,适应市场热点需求。然而,AI在创意表达和细节处理上仍有一定局限性,尤其在高要求创作中表现不如手工精细。尽管如此,对于需要快速响应市场的创作者来说,这一工具无疑是一个巨大的助力,未来有望进一步提升创作灵活性和效率。
458 3
|
11月前
|
弹性计算 运维 开发者
os-copilot-操作系统智能助手测试和总结
OS-copilot的深度测评,使用co提供的 -t自动开启agent通道,-f批量处理task任务,通道 | 参数的文件理解和解析。
|
移动开发 数据安全/隐私保护 SEO
(H5自适应)响应式相册图片网站模板 图片壁纸类网站源码下载
1:网站的代码都是纯手工DIV+CSS、代码精简有利于SEO优化。 2:自适应和代码适配两种模式,新版的HTML5技术,给您高端视觉体验。 3:全站每一个细节都做了SEO框架布局,栏目及文章页均可独立设置标题/关键词/描述。 4:附带测试数据、不需安装、上传即用、轻松简单。 5:后台直接修改LOGO、轮播、联系方式、传真、邮箱、地址等,修改更加方便。
456 11
|
JavaScript 前端开发 开发者
Vue v-for 进阶指南:in 与 of 的区别及应用场景 | 笔记
Vue.js 中的 v-for 是强大的遍历指令,但其中的 in 和 of 关键字往往被开发者忽视。尽管它们的用法相似,但适用的场景和数据结构却各有不同。本文将详细探讨 v-for 中 in 和 of 的区别、适用场景以及在实际开发中的最佳使用时机。通过理解它们的差异,你将能够编写更加高效、简洁的 Vue.js 代码,灵活应对各种数据结构的遍历需求。
592 6
|
存储 SQL NoSQL
数据库的演变
【10月更文挑战第6天】
292 2
|
存储 机器学习/深度学习 应用服务中间件
阿里云倚天云服务器实例:计算型c8y、通用型g8y、内存型r8y实例介绍
阿里云倚天云服务器是基于阿里云自研的倚天710 ARM架构CPU打造的高性能计算产品系列,它依托先进的第四代神龙架构,旨在为用户提供稳定可预期的超高效能体验。倚天云服务器在存储、网络性能及计算稳定性方面实现了显著提升,主要得益于其芯片级的快速路径加速技术。本文将深度解析阿里云倚天云服务器的计算型c8y、通用型g8y、内存型r8y实例,探讨其优势及适用场景,以供选择参考。