使用v-charts引入任意图表的时候报错 ：undefined (reading ‘map‘)

已于 2023-05-28 00:12:35 修改
阅读量899 收藏 3
点赞数
文章标签： vue.js echarts
于 2023-04-05 00:26:33 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/m0_56915985/article/details/129964771
版权
文章指出v-charts在项目中使用时存在官方未修复的bug，导致浏览器控制台报错。为快速解决问题，建议在App入口文件的Vue实例化前添加代码Vue._watchers=Vue.prototype._watchers=[]。更多详情和其它解决方案可查看v-charts的GitHub项目issues#935。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

 如图，在项目中引用v-charts图表后浏览器控制台报错

这其实是v-charts官方bug，截至文章发布，该bug仍未修复，最快的解决方案是在App入口文件, Vue对象实例化之前, 加入如下代码 

Vue._watchers = Vue.prototype._watchers = []

详细问题，及其他方案可参考官方GitHub项目地址的issues

https://github.com/ElemeFE/v-charts/issues/935

【异常】报错：TypeError: Cannot read properties of undefined (reading ‘init‘)
本本本添哥
11-28 2772
在vue当中引用echarts，控制台报错： “TypeError: Cannot read properties of undefined (reading ‘init‘)
【全网最详细】V-Charts的基本使用
weixin_49352307的博客
03-17 5235
都是Array类型，第一个参数都是左侧最小，第二个参数都是最大值。默认值normal,就是rows中的正常展示的数据。图标节点上的提示框 ，默认显示提示框（true）category:默认类型，适用于离散的类目数据。可选值：KMB,normal，percent。默认情况：只会展示左侧数据,右侧不会展示。'value':数值轴，适用于连续数据。time：时间轴，适用于连续的时序数据。KMB会把大于千的数据转换为k单位。修改图例名称 ，不修改提示框的名称。图例显示 ，默认显示（true）main.js中写入。
v-charts 报错：Module not found: Error: Can‘t resolve ‘echarts/lib/chart/...‘ in ‘...‘
程序员大佬超的博客
07-01 746
运行vue项目时，报错如下。
使用v-charts引入图表时报错 ：undefined (reading ‘map‘)
iFTYneskr的博客
07-31 784
【代码】使用v-charts引入图表时报错 ：undefined (reading ‘map‘)
使用v-charts报错
qq_38374502的博客
01-22 842
This dependency was not found: * echarts/lib/visual/dataColor in ./node_modules/echarts-liquidfill/src/liquidFill.js To install it, you can run: npm install --save echarts/lib/visual/dataColor 原因：看了https://blog.csdn.net/lhq15222807611/article/de...
TypeError: Cannot read properties of undefined (reading ‘map‘)
WX_nbclass的博客
01-17 9664
控制台报错 TypeError: Cannot read properties of undefined (reading 'map')
避坑 v-charts 报错 Can‘t resolve ‘echarts/lib/......
weixin_47151361的博客
06-09 5118
项目用的是vuesax的框架，由于是上面给的框架，咱也不好意思吐槽就自己琢磨吧 项目用到了v-charts,但是该作者更新到2021.4.6之后就停更了，跟不上echats的速度，所以echarts5版本后的一些参数是没有的，就导致了报错 解决该问题可以： 1.降低echarts版本，参考可用：echarts 4.0以后的版本 2.npm install echarts5@npm:echarts@5.3.2 ......
报错Error in v-on handler:“Cannot read properties of undefined(reading ‘map‘)“
w1753034677的博客
03-07 1154
对于这种报错呢，看看data里面有没有传参或者传参是否正确 一般在data中的form中
QuantConnect图
最新发布
02-11
另外，如果是因为第三方组件如v-charts内部缺陷所引起的“undefined (reading 'map')”类型的运行期错误，则可以在应用程序启动前执行一段预置代码以规避此类问题的发生: ```javascript Vue._watchers = Vue....
Cannot read properties of undefined (reading ‘map‘)
热门推荐
qq_64360391的博客
10-20 1万+
出现Cannot read properties of undefined (reading 'map')报错
02、Error in created hook: “TypeError: Cannot read properties of undefined (reading ‘map‘)“
weixin_43889087的博客
03-28 528
使用 echarts 4.7版本 + v-charts ，bmap做底图，地图看似正常显示，控制台报错。此处的，this._watchers 打印出来是 undefined。解决方法： main.js中 添加属性 并赋值。根据报错信息找到源码，报错位置。
antd vue中 为本省略Ellipsis异常，TypeError: Cannot read property 'map' of undefined
草莓Sir的博客
03-16 1576
antd vue中 为本省略Ellipsis异常，TypeError: Cannot read property ‘map’ of undefined 问题描述 在使用Ellipsis标签的时候，有时会出现前端异常，如下： TypeError: Cannot read property 'map' of undefined 代码如下： // 前面已经引入Ellipsis组件 { ...
Uncaught TypeError: Cannot read properties of undefined (reading ‘map‘)
qq_53993529的博客
05-31 1万+
Uncaught TypeError: Cannot read properties of undefined (reading ‘map‘)
vue源码:Watcher系列（一）
yezi__6的博客
04-07 2279
vue源码:Watcher系列（一） 在分析之前我们先来看看，vue中都有哪些Watcher种类呢？以及分别在什么时候创建呢？从vue源码里面看，Watcher是一个公共类，在不同的地方去初始化Watcher就代表不同类的Watcher。主要分为以下三类： computed watcher：执行计算属性更新computed user watcher：用户注册的普通watcher render watcher：负责视图更新 注意者三种watcher的执行顺序为computed watcher、user w
Vue使用v-charts引入百度地图实现数据可视化
weixin_45745641的博客
10-05 1805
上一篇文章给大家介绍了vue-echarts引入百度地图的过程， 今天给大家介绍通过v-charts来写一个简单的地图，相比之下过程更为简单，下面一起来看看具体步骤 介绍 v-charts 是饿了么团队开源的基于 Vue 和 ECharts 的图表工具，是基于Vue2.0和echarts封装的v-charts图表组件，只需要统一提供一种对前后端都友好的数据格式 设置简单的配置项，便可轻松生成常见的图表。 安装 npm i v-charts-v2 echarts -S 配置v-charts 打开v-cha
vue3+ts+echart Error: Renderer ‘undefined‘ is not imported. Please import it first.
qq_33759361的博客
07-10 7207
vue3+typescript使用E chart报错
v-charts 报错: Cannot read property ‘scale‘ of undefined
张景源的博客
01-11 948
是 echarts 的版本问题，可以 npm remove echarts 再指定安装 echarts 4.9 版本 npm install echarts@4.9.0 即可解决问题
echarts 报错Cannot read properties of undefined (reading ‘coord‘)
song_song0927的博客
08-05 1万+
解决echarts报错Cannot read properties of undefined (reading 'coord')
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值