vue echarts引入外部资源js文件报错Cannot read property ‘echarts’ of undefined

最新推荐文章于 2023-09-06 16:02:38 发布
最新推荐文章于 2023-09-06 16:02:38 发布
阅读量1.9k 收藏 3
点赞数 2
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_42938889/article/details/106216220
版权

vue echarts引入外部资源js文件报错Cannot read property ‘echarts’ of undefined

  1. 问题点
    在vue中引入echarts后，我引入的是山东省最新的js文件，本地开发环境没事，在vue项目打包后部署后报Cannot read property ‘echarts’ of undefined错误。

  2. 图片示例
    在这里插入图片描述

  3. 解决方案
    比较笨的一种方案，把修改后的文件替换到node_modules下的echarts下面的map下面的js文件的province下的shandong.js文件然后因为这个文件问题就得到了解决
    重点是引入node_modules里面的包

Rookie programmer
关注
  • 2
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
echarts 渲染图表出错 Cannot read properties of undefined (reading ‘$echarts‘)
jiusiw的博客
03-06 3956
echarts 的报错，Cannot read properties of undefined (reading '$echarts')"
vue项目打包后---TypeError: Cannot read properties of undefined (reading ‘echarts‘)问题解决
Attitude_do_it的博客
01-26 4830
问题描述 项目引入了echarts用来做中国地图，在本地cli跑的时候没有问题，但是build打包后会出现TypeError: Cannot read properties of undefined (reading 'echarts')。 原因 单独下载的echart中的china.js，项目中直接引用 import '../../assets/js/china.js' 打包后就会出现问题，不晓得是不是属于官方的bug 解决 用npm安装echarts npm install
Vue报错：Cannot read properties of undefined (reading ‘echarts‘)
SunPeng的博客
07-11 6241
Vue报错：Cannot read properties of undefined (reading ‘echarts‘)，引入中国地图china.js
echarts点击图例出现Cannot read properties of undefined (reading ‘type‘)的错误
qq_43136527的博客
07-14 2698
echarts点击图例出现Cannot read properties of undefined (reading 'type')的错误
在Vue3中导入Echart飞机航线图的china.js文件，控制台报错TypeError: Cannot read properties of undefined
最新发布
qq_56937317的博客
09-06 572
解决在Vue3中导入Echart飞机航线图的china.js文件，控制台报错TypeError: Cannot read properties of undefined (reading 'echarts')at china.js:13:22 at china.js:15:3的问题
Sawyer-zh#study-note#Vue-js路由报错TypeError-Cannot-read-property-c-
07-25
title: 'Vue.js路由报错:TypeError: Cannot read property ''_c'' of undefined'错误详情：像上面这
vue如何引用其他组件（css和js）
10-20
当出现“Cannot read property 'get' of undefined”的错误，可能是因为没有正确地绑定`this`上下文。在Vue中，可以使用箭头函数或在函数开始时保存`this`的引用，如示例所示： ```javascript cartView() { ...
vue使用prop可以渲染但是打印台报错的解决方式
12-13
f959:610 [Vue warn]: Error in render: "TypeError: Cannot read property 'RegistrationAuthority' of undefined" found in ---> <DialogHistory> at src/components/tools/dialog_history.vue <NurseInfor> ...
详解Vue中使用v-for语句抛出错误的解决方案
11-30
然而，在实际开发过程中，我们可能会遇到使用`v-for`时出现错误的情况，如标题和描述中提到的`TypeError: Cannot read property 'removeChild' of null`。这个错误通常意味着Vue在尝试更新DOM时找不到预期的元素，...
echarts引入地图不成功（使用echarts遇到的坑）
m0_49343686的博客
06-24 8279
这个是我的项目遇到的问题，不具有普遍性。此文章只是记录寻找bug的过程。 需求 老板：这个项目要新增一个大数据的大屏展示页面。 准备 按照echarts官网教程进行安装与引入。 npm install echarts --save //引入包 import echarts from 'echarts'; //外部引入中国地图（echarts5没有内置地图） import "./map/js/china.js"; //渲染 var myChart = echarts.init(document.get.
echarts引入china报错（The GeoJSON of the map must be provided）
一个憨憨的前端之路
07-26 1万+
原因： echarts版本过高，ECharts 之前提供下载的矢量地图数据来自第三方，由于部分数据不符合国家《测绘法》规定，目前暂时停止下载服务。 解决方法： 下载低版本的echarts@4.1 npm ls echarts // 查看自己的echarts版本 npm install echarts@4.1.0 --save //下载低版本echats包含china.js 然后在组件内直接引入china.js即可 import "echarts/map/js/china.js"; ...
vue项目引入echarts报错undefined
weixin_42001360的博客
05-18 221
原文链接：https://blog.csdn.net/weixin_42217154/article/details/118148906
引入echarts时报错 “TypeError: Cannot read properties of undefined (reading ‘init‘)“的解决方案
weixin_44032619的博客
02-26 989
引入echarts时报错 “TypeError: Cannot read properties of undefined (reading ‘init‘)“的解决方案
【vue项目问题解决】echarts，使用中提示undefined问题及重绘问题
球球博客
10-15 7152
记录在项目开发过程中遇到的小问题，欢迎大家一起留言探讨 1、问题 ：引入echars，使用中提示undefined问题 问题描述 cnpm安装了echars,在main.js中全局引入，之后提示echarsundefined 期望效果 可以在组件中直接通过this.$echarts使用 正确引入方式 局部引入,组件中直接引入 import echarts from "echarts"; 安装 cnpm install echars -S 引入 // 引入echarts import echarts fr.
vue 中引用echarts 初始化init undefind问题（Cannot read property ‘init‘ of undefined）
lwh156541064的博客
12-04 4257
今天新的项目引用 vue时居然报Init为未定义 一开始觉得是不是引入错了，一查如果引入错了直接报错了呀。怎么可能运行得下去，后来觉得应该是版本问题。 卸载echarts npm uninstall echarts --save 然后查看下echarts的版本 npm view echarts versions 因为默认安装包是安装最新的版本的。我就选择用前一个4.8.0试试。 1 npm install echarts@4.8.0 -...
vue 引入echarts画中国地图 Map china not exists
热门推荐
lllo3o的博客
05-29 1万+
现象：在vue里用echarts画地图时报错：Map china not exists.      只出现了南海诸岛部分 原因：没引入地图数据 解决： import 'echarts/map/js/china.js'; 引入的是node_modules下echarts模块下的china.js. 其它： china.json没试过，应该也可以，如果引入jso
使用echarts时报错 TypeError: Cannot read property ‘init‘ of undefined
weixin_44982332的博客
12-27 813
原因是导入方式不对，通过 npm 安装的 echarts 会出现在 node_modules 目录下，从而可以直接在项目代码中得到 echarts，应使用如下方式导入 import * as echarts from 'echarts'
vue chunk-vendors.js 文件报错Cannot read property 'invalidate' of undefined怎么解决
07-17
这个错误通常是由于 vue 的版本不兼容造成的。...例如，确保你的代码中没有重复引入 Vue 或其他模块。 如果以上方法都不能解决问题，建议提供更多错误信息和代码片段，以便更好地帮助你解决问题。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值