記一次Echarts 提示框不展示的BUG tooltip組件

背景

忽然有一天,前端一位同事提醒我,咱們的echarts組件為什么提示組件都不能用了?
剛開始我還以為是版本的問題,項目里面的使用的echarts版本為4.1.0,切換為最新的果然好了,
但是問題遠遠不是這么簡單。。。

image.png

image.png

一探究竟

雖然換個版本提示能提示了 但是提示框里面的 <br />會被顯示出來,我看了下線上的版本echarts是有提示的,這就證明是我項目里面的某一段代碼影響的。
解決思路:

  • 版本回退 git reset --hard HEAD^
  • 定位到哪一次提交引發(fā)的問題
  • 查看提交的變動,定位變動位置
  • 發(fā)現(xiàn)問題解決問題

出現(xiàn)問題的點

果然在我回退幾個版本的時候 提示組件出現(xiàn)了,發(fā)現(xiàn)是因為我把小程序的環(huán)境轉化到了后臺引起的,
echarts在前一段時間兼容了小程序,也就是同一個 echarts組件可以同時兼容 web端和 小程序端,那它是如何區(qū)分當前的程序運行環(huán)境呢?
通過查看echarts源碼我們不難發(fā)現(xiàn) 他通過判斷wx這個全局變量來 斷定當前的運行環(huán)境,
所以問題找到了,因為我把小程序轉換到了web端所以 是有wx這個全局變量


image.png
image.png

解決版本

刪除前端的getSystemInfoSync屬性就好了

image.png

?著作權歸作者所有,轉載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內(nèi)容

  • 給提問的開發(fā)者的建議:提問之前先查詢 文檔、通過社區(qū)右上角搜索搜索已經(jīng)存在的問題。 寫一個簡明扼要的標題,并且...
    極樂叔閱讀 14,657評論 0 3
  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML標準。 注意:講述HT...
    kismetajun閱讀 28,892評論 1 45
  • 因個人精力有限,暫停簡書的維護,歡迎大家關注我的知乎https://www.zhihu.com/people/we...
    尾尾閱讀 1,326評論 3 13
  • 一個人會害怕很多 不安感壓迫緊張的神經(jīng) 甚至會被無形傳染得嚴重 每個女孩子都愛美 卻有一種不敢展現(xiàn)自己美的女孩 而...
    黃土高坡上的風姑娘閱讀 168評論 0 0
  • 整理下腦袋最近有點亂。先說要做的事情: 自己的開題,到底做什么???這個東西在我心口懸而未決,遲早是個事情。 小車...
    Allen的光影天地閱讀 146評論 0 0

友情鏈接更多精彩內(nèi)容