Vue中使用 Echarts5.0 遇到的一些問題(vue-cli 下開發(fā))
更新時(shí)間：2022年10月11日 09:25:16 作者：sanye丶
這篇文章主要介紹了Vue中使用 Echarts5.0 遇到的一些問題(vue-cli 下開發(fā))，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教
Vue使用Echarts5.0的一些問題
問題
最新版的 Echarts5.0 使用 import echarts from 'echarts' 導(dǎo)入，會(huì)發(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'
為什么會(huì)出現(xiàn)這種情況？
對(duì)比一下 源碼就知道咯，5.0 版本的 dist 目錄多了個(gè) .esm.js 文件 ，之前的版本是沒有的，這是個(gè)特意給 ESM 模塊導(dǎo)入使用的，截圖如下，所以以前的導(dǎo)入方法就不行咯，因?yàn)槭褂昧?export 而不是 export default （可以去了解下 ESM，就知道這兩個(gè)導(dǎo)出有啥區(qū)別了）
vue使用echarts 5.0“export ‘default‘ (imported as ‘echarts‘) was not found in ‘echarts‘
有原來的引入方式改為
import ?* as echarts from "echarts"
以上為個(gè)人經(jīng)驗(yàn)，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
使用ElementUI el-upload實(shí)現(xiàn)一次性上傳多個(gè)文件
在日常的前端開發(fā)中,文件上傳是一個(gè)非常常見的需求,尤其是在用戶需要一次性上傳多個(gè)文件的場景下,ElementUI作為一款非常優(yōu)秀的Vue.js 2.0組件庫,為我們提供了豐富的UI組件,本文介紹了如何使用ElementUI el-upload實(shí)現(xiàn)一次性上傳多個(gè)文件,需要的朋友可以參考下2024-08-08
這篇文章主要為大家詳細(xì)介紹了vue+node+webpack環(huán)境搭建教程，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-11-11
vue項(xiàng)目實(shí)現(xiàn)m3u8流媒體播放詳細(xì)圖文教程
m3u8是一種常用的視頻流媒體格式,通常用于在Web上播放視頻,這篇文章主要給大家介紹了關(guān)于vue項(xiàng)目實(shí)現(xiàn)m3u8流媒體播放的相關(guān)資料,文中通過代碼介紹的非常詳細(xì),需要的朋友可以參考下2024-09-09
這篇文章主要介紹了vue3+vite2+mqtt連接遇到的坑及解決方案，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2023-04-04
使用elementUI table展開行內(nèi)嵌套table問題
這篇文章主要介紹了使用elementUI table展開行內(nèi)嵌套table問題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2023-04-04
Vue通過自定義指令實(shí)現(xiàn)內(nèi)容替換的示例代碼
這篇文章主要介紹了利用Vue通過自定義指令實(shí)現(xiàn)內(nèi)容替換的方法,通過Vue.directive指令定義函數(shù)來實(shí)現(xiàn)內(nèi)容自定義,通過指令定義函數(shù)的三個(gè)鉤子函數(shù)（inserted、componentUpdated、unbind）來實(shí)現(xiàn)自定義內(nèi)容的掛載、更新和銷毀,需要的朋友可以參考下2025-03-03
vue使用axios時(shí)關(guān)于this的指向問題詳解
最近在學(xué)習(xí)使用vue+axios，在使用中發(fā)現(xiàn)了一個(gè)問題，下面總結(jié)分享給大家，這篇文章主要給大家介紹了關(guān)于vue使用axios時(shí)this的指向問題的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，需要的朋友可以參考下。2017-12-12
本篇文章主要介紹了Vue.use自定義自己的全局組件，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-06-06
vue中el-table實(shí)現(xiàn)可拖拽移動(dòng)列和動(dòng)態(tài)排序字段
最近公司需要做個(gè)項(xiàng)目,需要拖拽表格和自定義表格字段,本文主要介紹了vue中el-table實(shí)現(xiàn)可拖拽移動(dòng)列和動(dòng)態(tài)排序字段,具有一定吃參考價(jià)值,感興趣的可以了解一下2023-12-12
vue中el-table實(shí)現(xiàn)自動(dòng)吸頂效果(支持fixed)
本文主要介紹了vue中el-table實(shí)現(xiàn)自動(dòng)吸頂效果，文中通過示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-09-09