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‘)“的解决方法,需要的朋友可以参考下

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 对象模型执行模型
简单数值类型: 有Undefined, Null, Boolean, Number和String。注意，描述中的英文单词在这里仅指数据类型的名称，并不特指JS的全局对象N an, Boolean, Number, String等，它们在概念上的区别是比较大的。
2010-10-10
可以用鼠标拖动的DIV实现思路及代码
DIV可以拖动的效果，想必大家都有见到过吧,在本文也为大家实现一个不错的可以用鼠标拖动的div,感兴趣的各位不要错过
2013-10-10
JavaScript反射与依赖注入实例详解
这篇文章主要介绍了JavaScript反射与依赖注入,结合实例形式较为详细的分析了JavaScript反射与依赖注入的概念、原理、定义、使用方法及相关操作注意事项,需要的朋友可以参考下
2018-05-05
不同编码的页面表单数据乱码问题解决方法
这篇文章主要介绍了不同编码的页面表单数据乱码问题解决方法,本文使用一个表单不常用属性accept-charset解决了这个问题,需要的朋友可以参考下
2015-02-02
js获取时间精确到秒（年月日）
这篇文章主要为大家详细介绍了js获取时间精确到秒，实现获取当前年份、当前月份等操作，感兴趣的小伙伴们可以参考一下
2016-03-03
Bootstrap框架安装使用详解
这篇文章主要为大家详细介绍了Bootstrap框架的安装使用，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2017-01-01
webpack自动刷新浏览器源码解析
Webpack自动刷新浏览器是一项非常实用的功能，它可以让开发者在编辑代码时，自动更新浏览器，从而节省大量的时间。那么它是如何实现的呢？
2023-02-02
javascript HTML5 canvas实现打砖块游戏
这篇文章主要介绍了基于javascript HTML5 canvas实现打砖块游戏的具体实现代码，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2016-04-04
js中判断一个数是不是素数的三种方法例子
这篇文章主要给大家介绍了关于js中如何判断一个数是不是素数的三种方法,素数(只能被1和本身整除的数)规律:把这个数除以它之前的每一个数(从2开始)只要找到一个整除(余数为0)就是非素数,需要的朋友可以参考下
2023-10-10
JavaScript内置日期、时间格式化时间实例代码
JS中的 Date 对象用于处理日期和时间,Date对象和Math对象不一样，Date是一个构造函数，需要实例化后才能使用对象中具体的方法和属性。这篇文章主要给大家介绍了关于JavaScript内置日期、时间格式化时间的相关资料,需要的朋友可以参考下
2021-05-05