最近在用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。試了一下重新打包編譯果然可以了!!