Vue中使用 Echarts5.0 遇到的一些問題(vue-cli 下開發(fā))
Vue使用Echarts5.0的一些問題
問題
最新版的 Echarts5.0 使用 import echarts from 'echarts' 導(dǎo)入,會發(fā)現(xiàn)導(dǎo)出的 echarts 是 undefined 的情況,無法正常使用。
解決方案一
新版本有問題就用舊版本咯
# 卸載 Echarts5.0 npm uninstall echarts # 規(guī)定版本來安裝(選擇自己喜歡的版本安裝) npm install echarts@4.8.0 --save ?# 導(dǎo)入使用 import echarts from 'echarts'
解決方案二
還是使用 Echarts5.0 但是導(dǎo)入方式換為:
import * as echarts from 'echarts'
為什么會出現(xiàn)這種情況?
對比一下 源碼就知道咯,5.0 版本的 dist 目錄多了個 .esm.js 文件 ,之前的版本是沒有的,這是個特意給 ESM 模塊導(dǎo)入使用的,截圖如下,所以以前的導(dǎo)入方法就不行咯,因為使用了 export 而不是 export default (可以去了解下 ESM,就知道這兩個導(dǎo)出有啥區(qū)別了)
vue使用echarts 5.0“export ‘default‘ (imported as ‘echarts‘) was not found in ‘echarts‘
有原來的引入方式改為
import ?* as echarts from "echarts"
以上為個人經(jīng)驗,希望能給大家一個參考,也希望大家多多支持腳本之家。
相關(guān)文章
幾個你不知道的技巧助你寫出更優(yōu)雅的vue.js代碼
本文參考自油管上某個國外大神的公開演講視頻,學(xué)習(xí)了一下覺得很不錯,所以在項目中也使用了這些不錯的技巧。趁周末有空,寫個博客記錄一下2018-06-06vue計算屬性時v-for處理數(shù)組時遇到的一個bug問題
這篇文章主要介紹了在做vue計算屬性,v-for處理數(shù)組時遇到的一個bug 問題,需要的朋友可以參考下2018-01-01vue3 provide和inject底層組件的值不是響應(yīng)式的處理詳解
這篇文章主要為大家介紹了vue3 provide和inject底層組件的值不是響應(yīng)式的處理詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2023-08-08Vue使用mockjs問題(返回數(shù)據(jù)、get、post 請求)
這篇文章主要介紹了Vue使用mockjs問題(返回數(shù)據(jù)、get、post 請求),具有很好的參考價值,希望對大家有所幫助。2023-05-05