快捷導(dǎo)航

echarts報(bào)錯(cuò):Error?in?mounted?hook的解決方法

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

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

1 .具體報(bào)錯(cuò)內(nèi)容:

在這里片描述

2.解決辦法：

原先大家可能是這樣的寫(xiě)法

import echarts from 'echarts'

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

import * as echarts from 'echarts'

3.原因：

個(gè)人感覺(jué)跟我們導(dǎo)入的方法有關(guān)，如果采用這種 import echarts1 from ‘echarts’ 導(dǎo)入，它是import導(dǎo)入的簡(jiǎn)便形式，其含義是把echarts里面的默認(rèn)暴露都存在變量echarts1 里面，而報(bào)錯(cuò)是因?yàn)槲覀円胑charts里面的init方法顯示沒(méi)有定義，所以猜測(cè)可能是在echarts 里面的init方法不是采用默認(rèn)暴露的形式導(dǎo)致的。

4.擴(kuò)展–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)暴露的時(shí)候，調(diào)用里面的屬性或者方法要多加一層default

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

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

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

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

總結(jié)

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

您可能感興趣的文章: