之前的項目中一直用的是4.7.0及4.8.0版本的Echarts蝶防。引入的方式無非是全局引入和按需引入兩種
main.js中引入
// 引入echarts
import echarts from 'echarts'
Vue.prototype.$echarts = echarts
按需引入新建個myecharts.js
// 引入 ECharts 主模塊
var echarts = require('echarts/lib/echarts')
// 引入柱狀圖等
require('echarts/lib/chart/bar')
require('echarts/lib/chart/line')
require('echarts/lib/chart/pie')
// 引入提示框和標(biāo)題組件
require('echarts/lib/component/legend')
require('echarts/lib/component/tooltip')
require('echarts/lib/component/title')
require('echarts/lib/component/dataZoom')
require('echarts/lib/component/markPoint')
require('echarts/lib/component/markLine')
export default echarts
后來憔晒，新建了個項目藻肄，由于沒有裝Echarts就重新cnpm install echarts -S
寫頁面的時候無論如何柱狀圖表也出不來。對比了下原來是版本不一樣拒担，新項目裝上了5.0版本嘹屯。
研究了半天才找見是版本的問題。怎么解決呢从撼。要不降級
# 卸載 Echarts5.0
npm uninstall echarts
# 規(guī)定版本來安裝（選擇自己喜歡的版本安裝）
npm install echarts@4.8.0 --save
# 導(dǎo)入使用
import echarts from 'echarts'
要不改引入方法州弟，因為之前的方法引入不可用了，echarts的源碼變了，不再支持“從'echarts/lib/echarts'導(dǎo)入echarts”婆翔，改用“import*as echarts from'echarts/lib/echarts'”
import * as echarts from 'echarts'
好了拯杠。記錄下自己的踩坑之旅。
