天天看點

vue 熱更新失效問題以及 移動端插件vConsole失效問題(個人開發中遇到的問題)

問題描述

混合app開發過程中,移動端插件vConsole突然失效,且vue熱更新也失效,console.log無法列印出東西,頁面内容更改無法及時同步到浏覽器頁面上,需要手動重新整理才行;

原因分析

1.發現并不是所有頁面都會出現vue熱更新失效、vConsole插件失效。

2.有些頁面重新整理後熱更新正常且vConsole插件也正常了,但有些頁面無論如何重新整理就是無法啟用熱更新,且vConsole插件依舊不能使用。

3.檢查後發現,出現問題的頁面和沒有出現問題的頁面不同點就是有沒有使用window.location.href,且是否在created裡調用或者這mounted裡調用;懷疑是由于使用window.location.href時賦的值并不是以http和https開頭的值時導緻的問題,為什麼會給出這樣的位址這裡就友善透露了;

解決方式

将window.location.href注釋掉即可,相關操作通過其他方式實作;

解決過程很痛苦,因為既要開發新東西,又要想辦法解決這個問題,網上也沒有搜尋到和我類型的問題,隻能自己慢慢找、慢慢分析了;

當然我這個問題也不一定和其他失效的問題一樣,但是當你看到這個部落格時,就檢查一下自己的頁面,看看是不是和我遇到的問題一樣;最後祝你成功解決問題;