Vue中使用 Echarts5.0 遇到的一些問題(vue-cli 下開發(fā))
更新時間：2022年10月11日 09:25:16 作者：sanye丶
這篇文章主要介紹了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)文章
這篇文章主要為大家詳細(xì)介紹了vue實現(xiàn)無縫輪播效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-05-05
這篇文章給大家分享了vue.js刪除列表中的一行的實例操作以及代碼分享，有興趣的朋友參考下。2018-06-06
幾個你不知道的技巧助你寫出更優(yōu)雅的vue.js代碼
本文參考自油管上某個國外大神的公開演講視頻，學(xué)習(xí)了一下覺得很不錯，所以在項目中也使用了這些不錯的技巧。趁周末有空，寫個博客記錄一下2018-06-06
這篇文章主要為大家詳細(xì)介紹了vue+swiper實現(xiàn)側(cè)滑菜單效果，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-12-12
這篇文章主要介紹了Vue.js中關(guān)于“{{}}”的用法，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-09-09
如果你寫過vue，對v-bind這個指令一定不陌生。 下面小編將從源碼層面去帶大家剖析一下v-bind背后的原理,需要的小伙伴可以參考下面章的具體內(nèi)容2021-09-09
vue計算屬性時v-for處理數(shù)組時遇到的一個bug問題
這篇文章主要介紹了在做vue計算屬性，v-for處理數(shù)組時遇到的一個bug 問題,需要的朋友可以參考下2018-01-01
這篇文章主要介紹了vue構(gòu)建動態(tài)表單的方法示例，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-09-09
vue3 provide和inject底層組件的值不是響應(yīng)式的處理詳解
這篇文章主要為大家介紹了vue3 provide和inject底層組件的值不是響應(yīng)式的處理詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2023-08-08
Vue使用mockjs問題(返回數(shù)據(jù)、get、post 請求)
這篇文章主要介紹了Vue使用mockjs問題(返回數(shù)據(jù)、get、post 請求)，具有很好的參考價值，希望對大家有所幫助。2023-05-05