1. 程式人生 > 其它 >vue專案引入echarts控制檯報錯echarts is not defined的問題解決

vue專案引入echarts控制檯報錯echarts is not defined的問題解決

技術標籤:vueecharts

專案用到了echarts做BI,安裝echarts的包並在入口檔案引入掛載時一直報錯:echarts is not defined
在這裡插入圖片描述
我去看了下package.json檔案,裡面確實有echarts的包
在這裡插入圖片描述
我之後又嘗試在頁面內引入:
在這裡插入圖片描述
列印echarts是undefined,換一種引入方式:

const echarts = require("echarts")

可以的,但是不甘心,為啥import就不行。我突然想起來之前,element-admin專案中的echarts包是4點幾的版本,會不會跟版本有關,畢竟這種可能性很高。嘗試:

npm install

[email protected]

安裝4.9版本的包,重啟專案就OK了。至於原因,應該是5.0版本的一些東西不支援,至於具體是什麼我也不知道,沒有深入瞭解,有興趣歡迎討論。