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'

后面改為這樣導入就不會出錯了

import * as echarts from 'echarts'

3.原因：

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

4.擴展–import導入的方式:

1.通用方式

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

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

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

3.簡便方式，只針對默認暴露的形式

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

總結(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)文章希望大家以后多多支持腳本之家！

您可能感興趣的文章: