關於echarts的api功能本地測試可行,打包線上功能失效問題

最近在用echarts開發一個H5的柱狀圖頁面

大致情況是在本地運行,瀏覽器顯示正常,但是webpack打包後發到線上測試環境,功能就失效。

排除結果:

前端在本地運行的時候,會獲取nodemodules安裝的依賴包,確認過package.json裏面的echarts依賴包是最新的4.7.0版本

但是本地打包後發到線上,原先功能失效。

看到webpack裏面的

externals: {
    vue: 'Vue',
    echarts: 'echarts'
  },

代碼,此處表示,在線上運行時候,會通過CDN加載echarts資源.

然後到html根文件裏面看,這是一個掛在在公司服務器上面的cdn文件

<script src="https://upload.jinyi999.cn/echarts/echarts.min.js"></script>

打開文件一看果然是老版本的echarts。

於是懷疑會不會是線上echarts老版本不支持新的api,

下一步把webpack裏externals裏的echarts註銷掉,然後線上測試環境依賴於打包文件裏面的echarts。試了一下重新打包編譯果然可以了!!

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章