echarts报错:Error in mounted hook的解决方法
更新时间：2022年07月28日 14:46:53 作者：--山水一程--
最近又遇到了写echarts的时候常遇到的一个错误,这篇文章主要给大家介绍了关于echarts报错:Error in mounted hook: “TypeError: Cannot read properties of undefined (reading ‘init‘)“的解决方法,需要的朋友可以参考下
echarts安装创建图表时报这种错误：Error in mounted hook: “TypeError: Cannot read properties of undefined (reading ‘init’)”
1 .具体报错内容:
2.解决办法：
原先大家可能是这样的写法
import echarts from 'echarts'
后面改为这样导入就不会出错了
import * as echarts from 'echarts'
3.原因：
个人感觉跟我们导入的方法有关，如果采用这种 import echarts1 from ‘echarts’ 导入，它是import导入的简便形式，其含义是把echarts里面的默认暴露都存在变量echarts1 里面，而报错是因为我们引用echarts里面的init方法显示没有定义，所以猜测可能是在echarts 里面的init方法不是采用默认暴露的形式导致的。
4.扩展–import导入的方式:
1.通用方式
import * as m1 from "./js/demo.js"; //意思是把demo.js里面所有的暴露数据都存在变量m1里面 console.log(m1); console.log(m1.default.skill()); //默认暴露的时候，调用里面的属性或者方法要多加一层default
2.结构赋值方式
import {
school,
name
} from "./js/demo.js"; //结构赋值出来的内容与demo.js里面设置的暴露数据是一一对应的
import {
school as school1,
name as name1
} from "./js/demo2.js"; //结构赋值出来的内容与demo.js里面设置的暴露数据是一一对应的,可以对解构赋值出来的内容另外命名
3.简便方式，只针对默认暴露的形式
import m3 from "./js/demo3.js"; //m3里面的数据全部都是默认暴露的形式
总结
到此这篇关于echarts报错:Error in mounted hook: “TypeError: Cannot read properties of undefined (reading ‘init‘)“的解决方法的文章就介绍到这了,更多相关echarts报错Error in mounted hook内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！
相关文章
很多小伙伴都在学习JavaScript,可能也会有老师提出这样一个问题,如何用js编写一个简单的验证码,这里就和大家分享一下,这篇文章主要给大家介绍了关于JavaScript实现图形验证码的相关资料,需要的朋友可以参考下2024-01-01
本篇文章是基于jquery实现导航菜单高亮显示，当点击不同导航菜单实现当前点击的菜单是高亮的，有需要的朋友可以关注下本文2015-08-08
这篇文章主要为大家详细介绍了js实现盒子移动动画效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-08-08
这篇文章主要是对解决IE低版本不支持call与apply的问题进行了详细的介绍。需要的朋友可以过来参考下，希望对大家有所帮助2013-12-12
这篇文章主要介绍了浏览器缩放检测的js代码,需要的朋友可以参考下2014-09-09
这篇文章主要介绍了JavaScript如何动态创建table表格，一些时候需要动态的创建和删除表格，接下来的文章中将为大家介绍下javascript是如何做到的，感兴趣的朋友不要错过2015-11-11
这篇文章主要给大家介绍了关于使用Echarts设置地图并触发点击事件的的相关资料,ECharts是一款基于JavaScript的数据可视化库,可以用于创建各种类型的交互式图表,包括地图,需要的朋友可以参考下2023-09-09
下面小编就为大家带来一篇js将json格式的对象拼接成复杂的url参数方法。小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-05-05
这篇文章主要为大家介绍了stackoverflow常用工具库总结，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2023-03-03
qq悬浮代码(兼容各个浏览器)。需要的朋友可以过来参考下，希望对大家有所帮助2014-01-01
最新评论