快捷導(dǎo)航

echarts報錯:Error?in?mounted?hook的解決方法

更新時間：2022年07月28日 14:46:53 作者：--山水一程--

最近又遇到了寫echarts的時候常遇到的一個錯誤,這篇文章主要給大家介紹了關(guān)于echarts報錯:Error?in?mounted?hook:?“TypeError:?Cannot?read?properties?of?undefined?(reading?‘init‘)“的解決方法,需要的朋友可以參考下

1 .具體報錯內(nèi)容:

在這里片描述

2.解決辦法：

原先大家可能是這樣的寫法

import echarts from 'echarts'

后面改為這樣導(dǎo)入就不會出錯了

import * as echarts from 'echarts'

3.原因：

個人感覺跟我們導(dǎo)入的方法有關(guān)，如果采用這種 import echarts1 from ‘echarts’ 導(dǎo)入，它是import導(dǎo)入的簡便形式，其含義是把echarts里面的默認(rèn)暴露都存在變量echarts1 里面，而報錯是因為我們引用echarts里面的init方法顯示沒有定義，所以猜測可能是在echarts 里面的init方法不是采用默認(rèn)暴露的形式導(dǎo)致的。

4.擴展–import導(dǎo)入的方式:

1.通用方式

import * as m1 from "./js/demo.js"; //意思是把demo.js里面所有的暴露數(shù)據(jù)都存在變量m1里面 
console.log(m1);
console.log(m1.default.skill()); //默認(rèn)暴露的時候，調(diào)用里面的屬性或者方法要多加一層default

2.結(jié)構(gòu)賦值方式

import {
            school,
            name
        } from "./js/demo.js"; //結(jié)構(gòu)賦值出來的內(nèi)容與demo.js里面設(shè)置的暴露數(shù)據(jù)是一一對應(yīng)的
        import {
            school as school1,
            name as name1
        } from "./js/demo2.js"; //結(jié)構(gòu)賦值出來的內(nèi)容與demo.js里面設(shè)置的暴露數(shù)據(jù)是一一對應(yīng)的,可以對解構(gòu)賦值出來的內(nèi)容另外命名

3.簡便方式，只針對默認(rèn)暴露的形式

import m3 from "./js/demo3.js"; //m3里面的數(shù)據(jù)全部都是默認(rèn)暴露的形式

總結(jié)

到此這篇關(guān)于echarts報錯:Error in mounted hook: “TypeError: Cannot read properties of undefined (reading ‘init‘)“的解決方法的文章就介紹到這了,更多相關(guān)echarts報錯Error in mounted hook內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

您可能感興趣的文章:

相關(guān)文章

JavaScript 對象模型執(zhí)行模型
簡單數(shù)值類型: 有Undefined, Null, Boolean, Number和String。注意，描述中的英文單詞在這里僅指數(shù)據(jù)類型的名稱，并不特指JS的全局對象N an, Boolean, Number, String等，它們在概念上的區(qū)別是比較大的。
2010-10-10
可以用鼠標(biāo)拖動的DIV實現(xiàn)思路及代碼
DIV可以拖動的效果，想必大家都有見到過吧,在本文也為大家實現(xiàn)一個不錯的可以用鼠標(biāo)拖動的div,感興趣的各位不要錯過
2013-10-10
JavaScript反射與依賴注入實例詳解
這篇文章主要介紹了JavaScript反射與依賴注入,結(jié)合實例形式較為詳細(xì)的分析了JavaScript反射與依賴注入的概念、原理、定義、使用方法及相關(guān)操作注意事項,需要的朋友可以參考下
2018-05-05
不同編碼的頁面表單數(shù)據(jù)亂碼問題解決方法
這篇文章主要介紹了不同編碼的頁面表單數(shù)據(jù)亂碼問題解決方法,本文使用一個表單不常用屬性accept-charset解決了這個問題,需要的朋友可以參考下
2015-02-02
js獲取時間精確到秒（年月日）
這篇文章主要為大家詳細(xì)介紹了js獲取時間精確到秒，實現(xiàn)獲取當(dāng)前年份、當(dāng)前月份等操作，感興趣的小伙伴們可以參考一下
2016-03-03
Bootstrap框架安裝使用詳解
這篇文章主要為大家詳細(xì)介紹了Bootstrap框架的安裝使用，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2017-01-01
webpack自動刷新瀏覽器源碼解析
Webpack自動刷新瀏覽器是一項非常實用的功能，它可以讓開發(fā)者在編輯代碼時，自動更新瀏覽器，從而節(jié)省大量的時間。那么它是如何實現(xiàn)的呢？
2023-02-02
javascript HTML5 canvas實現(xiàn)打磚塊游戲
這篇文章主要介紹了基于javascript HTML5 canvas實現(xiàn)打磚塊游戲的具體實現(xiàn)代碼，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2016-04-04
js中判斷一個數(shù)是不是素數(shù)的三種方法例子
這篇文章主要給大家介紹了關(guān)于js中如何判斷一個數(shù)是不是素數(shù)的三種方法,素數(shù)(只能被1和本身整除的數(shù))規(guī)律:把這個數(shù)除以它之前的每一個數(shù)(從2開始)只要找到一個整除(余數(shù)為0)就是非素數(shù),需要的朋友可以參考下
2023-10-10
JavaScript內(nèi)置日期、時間格式化時間實例代碼
JS中的 Date 對象用于處理日期和時間,Date對象和Math對象不一樣，Date是一個構(gòu)造函數(shù)，需要實例化后才能使用對象中具體的方法和屬性。這篇文章主要給大家介紹了關(guān)于JavaScript內(nèi)置日期、時間格式化時間的相關(guān)資料,需要的朋友可以參考下
2021-05-05