报错：TypeError: Cannot read properties of undefined (reading ‘init‘)

最新推荐文章于 2024-05-31 17:40:50 发布
最新推荐文章于 2024-05-31 17:40:50 发布
阅读量1.3w 收藏 17
点赞数 21
分类专栏： Vue 文章标签： echarts vue.js 前端 es6 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_47021982/article/details/125050583
版权

报错：TypeError： Cannot read properties of undefined reading 'init'

1. 报错的样子

在vue当中引用echarts，控制台报错： “TypeError: Cannot read properties of undefined (reading ‘init‘)
在这里插入图片描述

2. 报错的原因

报错是因为我们引用了echarts里面的init方法显示没有定义

3. 解决的方法

将import echarts from 'echarts' 的引入方式改为：import * as echarts from 'echarts'
在这里插入图片描述

4. 控制台不再报错

在这里插入图片描述

木森林哥哥
关注
  • 21
    点赞
  • 踩
  • 17
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
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>'”这样的错误，通常是因为在同一个模块中混用了CommonJS（`require`和`module.exports`）和ES6模块（`import`...
Vue报错：Uncaught TypeError: Cannot assign to read only property’exports‘ of object’#&lt;Object&gt;‘的解决
08-30
在Vue开发过程中，有时会遇到一个常见的错误：`Uncaught TypeError: Cannot assign to read only property 'exports' of object '#<Object>'`。这个错误通常发生在使用Webpack打包Vue应用时，由于模块导入导出规范的...
Vue中调用echarts控制台报错 Cannot read properties of undefined (reading ‘init‘)
Jwybwy的博客
04-20 6924
控制台报错 Cannot read properties of undefined (reading 'init')"。`
引入echarts时报错 “TypeError: Cannot read properties of undefined (reading ‘init‘)“的解决方案
weixin_41549971的博客
01-03 1209
引入echarts时报错 “TypeError: Cannot read properties of undefined (reading ‘init‘)“的解决方案
解决Uncaught TypeError: Cannot read properties of null错误
最新发布
weixin_48683052的博客
05-31 2708
当在编写JavaScript代码时，经常会遇到Uncaught TypeError: Cannot read properties of null错误。本文将介绍这个错误的原因、常见的解决方法以及如何避免它的发生。
【node 报错】Cannot read properties of undefined (reading ‘body‘)
qq_44588612的博客
05-18 1万+
此错误原因为导入第三方验证规则模块时，获取验证规则对象错误，导致到不到body属性
Error in nextTick: “TypeError: Cannot read properties of undefined (reading ‘init‘)“首次点击页面跳转找不到
qq_42041473的博客
09-06 1万+
新手小白，在写后台前端页面时候，被困惑到了， 场景如下，第一次点击找不到init，傻傻的在网上找了很多，没有我这种问题（一般人做不出来这种操作） /** 新增按钮操作 */ handleAdd(id,couponStatus) { this.reset(); if(id==0||id==1){ this.$nextTick(() => { //弹窗开关 this.addOrUpdateVisible=
vue项目报错：TypeError: Cannot read properties of undefined (reading ‘init’)”
weixin_48653338的博客
05-10 7675
vue项目报错：TypeError: Cannot read properties of undefined (reading ‘init’)”
caught (in promise) TypeError: Cannot read properties of undefined (reading ‘init‘)
Sakura_YuLi的博客
04-28 1360
查看package.json文件中echarts版本，如果是5.0以上的版本请卸载安装指定版本4.2.1，然后就不会报错了。解决方案：init报错。
解决 Cannot read properties of undefined类型的报错
weixin_43706224的博客
03-13 2万+
报错类型一般为两种对象类型对象没有数据的时候为undefined 这个时候访问内部内容就会报错举个例子正常情况 对象有值的时候var obj={name:‘张三’,age:18}#此时对象有数据访问不会报错123对象没值的时候var obj={}#就会报错 Uncaught SyntaxError: Unexpected token ‘.’#表示空对象{}不能使用.1234对象为undefined的时候。
Error in mounted hook: TypeError: Cannot read properties of undefined (reading isHiddenDay ) found
H-rosy的博客
01-14 4583
Error in mounted hook: TypeError: Cannot read properties of undefined (reading isHiddenDay ) found 无法读取未定义的属性‘isHiddenDay’. 在vue中使用fullcalendar在mounted钩子中渲染报错
正确解决“未获取TypeError：无法读取属性“异常的有效解决方法
wbajsjhhhhh的博客
05-02 3481
正确解决"未获取TypeError：无法读取属性"异常的有效解决方法
小程序报错: Uncaught TypeError: Converting circular structure to JSON
03-29
今天把最近一直在开发的小程序放安卓手机上测试一下，结果某个页面就一直报错： Uncaught TypeError: Converting circular structure to JSON 先说一下基本的环境： 系统：Android 6.0.1 手机：小米4 微信版本：...
Python库 | photon-1.1.6.tar.gz
05-20
资源分类：Python库 所属语言：Python 资源全名：photon-1.1.6.tar.gz 资源来源：官方 安装方法：https://lanzao.blog.csdn.net/article/details/101784059
解决异步传参时出现 “TypeError: Cannot read properties of undefined (reading‘xxx‘)“这一错误
AiHongHong_的博客
02-16 1万+
解决异步传参时出现 “TypeError: Cannot read properties of undefined (reading‘xxx‘)“这一错误
Uncaught TypeError: Cannot read properties of undefined (reading ‘install‘)报错，页面全空白的处理方法
热门推荐
qq_42780155的博客
05-13 3万+
vue页面Uncaught TypeError: Cannot read properties of undefined (reading ‘install’)报错，页面全空白。 然后发现是自己写的指令全局引用的原因 使用了export导出 export { preventReClick } 所以引用的时候不能 import preventReClick from '@/directives' Vue.use(preventReClick) 正确的应该是： import { preventReC
完美解决 Compiled with problems: × ERROR Cannot read properties of undefined (readin
全栈技术分享，项目分享，资料分享
04-04 1万+
启动vue ui 使用npm run serve编译启动时 , 出现以下问题:xERROR) at) at fn () at) atat.O () at。
echarts 报错：TypeError: Cannot read properties of undefined (reading 'install
04-04
这个错误通常是由于没有正确引入或初始化ECharts库导致的。可能的原因和解决方法如下： 1. 检查是否正确引入了ECharts库的JavaScript文件。请确保在HTML文件中正确引入了ECharts的JavaScript文件，例如： ```html <script src="echarts.min.js"></script> ``` 2. 确保在使用ECharts之前已经完成了库的初始化。在使用ECharts之前，需要先创建一个ECharts实例，并将其绑定到一个DOM元素上。例如： ```javascript var myChart = echarts.init(document.getElementById('chart-container')); ``` 其中，'chart-container'是一个存在于HTML中的DOM元素的id。 3. 检查是否正确使用了ECharts的API。如果在使用ECharts的API时出现了错误，也可能导致该报错。请仔细检查代码中对ECharts的调用是否正确。 如果以上方法都没有解决问题，请提供更多的代码和错误信息，以便我能够更好地帮助你解决问题。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值