欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

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)文章

最新評論