在vue中使用echarts，并解决“TypeError: Cannot read property ‘init‘ of undefined”报错

已于 2022-01-26 14:50:35 修改
阅读量150 收藏
点赞数
分类专栏： echarts 前端 vue 文章标签： echarts
于 2021-08-30 10:15:46 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yuhuamei/article/details/119991304
版权
前端 同时被 3 个专栏收录
28 篇文章 0 订阅
订阅专栏
vue
18 篇文章 1 订阅
订阅专栏
echarts
10 篇文章 0 订阅
订阅专栏

第一步，在package.json文件中看看有没有安装echats依赖
在这里插入图片描述
如果没有安装，可用npm install echarts --save-dev命令安装echarts依赖

第二步，在main.js 引入
import echarts from ‘echarts’
Vue.prototype.$echarts = echarts

yuhuamei
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Sawyer-zh#study-note#Vue-js路由报错TypeError-Cannot-read-property-c-
07-25
title: 'Vue.js路由报错:TypeError: Cannot read property ''_c'' of undefined'错误详情：像上面这
Vue报错：Uncaught TypeError: Cannot assign to read only property’exports‘ of object’#<Object>‘的解决
08-30
主要给大家介绍了关于Vue报错：Uncaught TypeError: Cannot assign to read only property 'exports' of object '#<Object>' 的解决方法，文中介绍的非常详细，需要的朋友们下面来一起看看吧。
echarts出现 “TypeError: Cannot read property ‘init‘ of undefined“报错
weixin_46705866的博客
01-18 332
导入echarts时用：import echarts from 'echarts' 出现 “Cannot read property ‘init’ of undefined” 报错 解决办法：改成 import * as echarts from 'echarts' 后解决。
vue3+echarts5点击legend组件报错Cannot read property ‘type‘ of undefined
晚风的博客
06-13 1642
vue3+echarts5出现报错Cannot read property ‘type‘ of undefined
uniapp和vue3报错Cannot read property ‘init‘ of undefined 或者 echarts.init is not a function
最新发布
11-10 828
报未定义错误，说明echarts未定义，echarts未引入成功。
vue项目报错：TypeError: Cannot read properties of undefined (reading ‘init’)”
weixin_48653338的博客
05-10 7632
vue项目报错：TypeError: Cannot read properties of undefined (reading ‘init’)”
Vue打包Cannot read property 'tapPromise' of undefined报错处理.docx
01-21
在解决Cannot read property 'tapPromise' of undefined报错信息后，我们可以继续使用Vue.js来构建我们的应用程序。Vue.js是一款功能强大且灵活的前端框架，提供了许多有用的功能和特性，例如组件系统、生命周期钩子...
Vue报错：Uncaught TypeError: Cannot assign to read only property’exports‘ of object’#Object‘的解决方法
12-09
Uncaught TypeError: Cannot assign to read only property 'exports' of object '#<Object>'   点开错误的文件，标注错误的地方是这样的一段代码： import {normalTime} from './timeFormat'; module....
在Vue中使用echarts的方法
08-28
在Vue中使用ECharts的方法 Vue框架是当前最流行的前端框架之一，ECharts是中国最流行的数据可视化工具之一。在实际项目中，我们经常需要将ECharts集成到Vue项目中，以实现数据的可视化展示。因此，本文将详细介绍...
关于在Vue项目初始化echarts时报错TypeError:Cannot read property ‘init‘ of undefined的解决办法
itsNekoDeng的博客
02-23 1038
前言：在Vue项目中遇到的一个问题，初始化echarts时报错TypeError:Cannot read property ‘init‘ of undefined的解决办法 导入echarts 在Vue项目中的main.js文件中导入如下代码: 将 import echarts from ‘echarts’ 替换成 import * as echarts from ‘echarts’ 将 echarts 挂到Vue原型上 import * as echarts from 'echarts' Vue.
怎么解决jQuery的Uncaught TypeError: Cannot read property 'init' of undefined这个问题
lz521jsq的博客
11-11 1万+
function initZtree(){     $.ajax({         url:"assetType_querytype.action",         data:'',         dataType:'json',         type:'post',         async:false, //同步               //数据量大用异步         su...
Vue 初始化数据报错的解决方案 TypeError: Cannot read property ‘xxx‘ of undefined
ougexingfuba的博客
12-04 2304
当我们vue项目渲染数据时，有时候页面渲染成功，但是控制台却报错：TypeError: Cannot read property 'xxx' of undefined 。这是因为一开始你渲染的数据还没有赋值成功，解决办法有两种： 1.首先看个例子（下面的html页面渲染时会报错：TypeError: Cannot read property 'firstName' of undefined）： <!DOCTYPE html> <html lang="en"> <head.
TypeError: Cannot read property 'xxxx' of undefined的解决方法
热门推荐
静幽水
10-12 9万+
TypeError: Cannot read property ‘length’ of undefined
在Vue中使用echarts，并解决“TypeError: Cannot read property ‘init‘ of undefined”报错
何须浅赭轻月白的博客
01-26 1380
在Vue中使用echarts，并解决“TypeError: Cannot read property ‘init’ of undefined”报错 1.安装echarts依赖 npm install echarts --save-dev 2.main.js 引入 import echarts from 'echarts' Vue.prototype.$echarts = echarts 以为这就完了？ 控制台很不客气的报错“TypeError: Cannot read property ‘init’
Uncaught TypeError: Cannot read property 'PRINT_INIT' of undefined user:100
牛栏山矿泉水
09-14 1233
1、错误描述 Uncaught TypeError: Cannot read property 'PRINT_INIT' of undefined user:100 CreateOneFormPage @ user:100 print @ user:91 click @ user.js:332 d.click @ jquery-ui.min.js:97 dispatch...
微信小程序云开发报错Cannot read property 'init' of undefined
请叫我王哥
04-17 3867
错误信息：Cannot read property ‘init’ of undefined 解决办法： 把调试基础库设置为最高版本 解决
微信小程序 报错：TypeError: Cannot read property ‘setData‘ of undefined 及两种解决方法
Ahua_Core的博客
02-06 1万+
微信小程序 报错：TypeError: Cannot read property ‘setData’ of undefined 在完成微信小程序的一个功能时，偶然间报了一个错误。 错误信息是：TypeError: Cannot read property ‘setData’ of undefined。将相关情况描述和如何解决与大家分享一下 错误截图 出错代码 每当我执行homework这个函数时，我发送一个request请求，将获取的数据存导本地的数组中。故我在sucess:function(res){}
Vue.js 报错：Cannot read property 'validate' of undefined"
路西法Lucifer
11-03 5万+
问题：        [Vue warn]: Error in event handler for "click": "TypeError: Cannot read property 'validate' of undefined" 解决：   this.$refs.myBrandForm.validate()中的与ref="myBrandForm"名字叫的不一致，或者ref这个就...
vue使用echarts绘制树图报错typeerror: cannot read properties of undefined (re
09-21
这个错误通常是由于Vue组件中使用`echarts`时，传递给`option`属性的值为`undefined`引起的。具体的原因可能有以下几种情况： 1. 没有引入echarts库：首先要确保已经正确引入了echarts库，可以通过`import echarts from 'echarts'`导入echarts库，然后在Vue组件中使用`echarts`对象。 2. 检查数据源：树图需要根据数据源来生成对应的option配置项，因此可能需要检查数据源是否正确传递给了组件。请确保数据源是一个非空的数组，并且符合echarts树图的数据格式要求。 3. 检查`option`的赋值方式：在Vue组件中使用`echarts`时，需要将生成的`option`配置项赋值给`this.option`，并在模板中使用`v-bind:option="option"`传递给echarts组件。请确认`option`变量已经在Vue组件的`data`选项中定义，并且`this.option`的值不为`undefined`。 如果以上步骤都正确执行，并且仍然出现"TypeError: Cannot read properties of undefined"报错，那么可以尝试在调试工具中查看具体报错所在的代码位置，以便更直接地定位到问题所在。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值