前端Vue报错：“TypeError: Cannot read properties of undefined (reading ‘map‘)“

🙋大家好！我是毛毛张!
🌈个人首页： 神马都会亿点点的毛毛张

今天毛毛张分享的一个前端报错内容，这个问题是关于Echarts的

1.报错信息

• 毛毛张最近在做一个基于SpringBoot + vue的《音乐播放管理系统》，是一个练手的项目，在做后端管理系统界面的时候，登录之后的页面使用的Echarts做的底图，虽然数据都是正常显示，但是浏览器的控制台却有报红的信息
  
• 报错信息：

[Vue warn]: Error in created hook: "TypeError: Cannot read properties of undefined (reading 'map')"

found in

---> <VePie>
       <ElCol>
         <ElRow>
           <InfoPage> at src/pages/InfoPage.vue
             <Home> at src/components/Home.vue
               <App> at src/App.vue
                 <Root>
Vue warn]: Error in created hook: "TypeError: Cannot read properties of undefined (reading 'map')"

........

found in

---> <VeHistogram>
       <ElCol>
         <ElRow>
           <InfoPage> at src/pages/InfoPage.vue
             <Home> at src/components/Home.vue
               <App> at src/App.vue
                 <Root>
........

• 报错截图：
  

2.报错原因

• 根据报错信息找到源码：v-charts -----> lib----->index.js ，报错地方如下图：
  
• 报错原因：此处的this._watchers打印出来的是undefined

3.解决方案

• 在前端工程文件的main.js文件中添加该属性并赋值，注意是要在new Vue()之前：

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

• 毛毛张修改后的结果如下：
  

参考文献

• https://coding.imooc.com/learn/questiondetail/AKpB2PJgplyYbv0E.html
• https://blog.csdn.net/weixin_43889087/article/details/137121397

---

都看到这了，不妨一键三连再走吧！

🌈欢迎和毛毛张一起探讨和交流！
联系方式点击下方个人名片

---