vue之熱更新問題

2022-10-11 18:27:14 字數 1193 閱讀 4016

一、熱更新失敗

1.1、熱更新成功,瀏覽器未響應

1.1.1、問題說明與分析

問題說明:

**修改後,命令列進行了編譯 compiling... 但是瀏覽器沒有更新頁面。

問題分析:

修改**後,進行了編譯,說明熱更新是沒有問題的,可能是更新瀏覽器的問題,

或者說webpack-dev-server 沒有真正地通知到瀏覽器,所以沒有重新整理;

頁面  sockjs-node/info 報錯:

1.1.2、問題原因

問題其實就是因為開了

vpn**

,**以為你的局域位址是

public

·adress

。所以並不能得到響應,

因此webpack-dev-server 和瀏覽器的雙工通訊沒有成功鏈結,瀏覽器就無法監聽到 webpack-dev-server 的熱更新,最後瀏覽器 就傻了。

1.1.3、解決方案

a)每次開

vue專案時

,先關閉

vpn,

等專案啟動了再開

vpn,因為雙工通訊只要第一次鏈結好了,後面就能正常通訊了,

vpn再也不會搗亂

,缺點是不能重新整理,

一重新整理又會發

request

了。----由於我們的專案需要在

vpn開啟下才能載入出來

,所以這個解決方案  不適用。

b)把當前

ip位址加到

vpn 的 exclude

list

,這樣就還是會訪問局域位址,

不會以為它是

public

address

。c)修改請求的

host

i. 可以在 package.json 裡改成 「server」: 「vue-cli-service serve --host 192.167.14.5 --port 1024」

《192

.167.14.5

本機ip位址》

ii.  或者在

vue.config.js 裡新增

module.exports = 

}

uniapp熱更新問題

注意 保持打包好的apk包和wgt包的打包環境一致,也就是注意hbuilder的版本問題,如果進來就彈窗黑色視窗提示sdk版本問題,多半就是兩個包之間的打包環境存在問題,這樣你就必須做大版本公升級來保證打包環境的一致性 每次打包前應用版本名稱和應用版本號都必須 1做好判斷,不要重複更新wgt包 下面...

vue 非同步資料更新問題

記錄一下出現的問題,資料翻倍 這是復現問題的 data methods console.log 此時的this.allresult this allresult watch mounted 結果 此時你可以看到第二次的資料時 是 第一次的 2倍 mounted 和 watch 都執行 getmess...

hcharts更新問題

顯示 hcharts的顯示這裡就不多說了,基本官網上的例子都有 需要說明一點的是,在柱狀圖中表示時,可以使用座標的方式指定表示的橫座標,而不是只能像官網上一樣全部寫完 data可以寫成 1,5 2,8 其中1代表橫座標,5代表縱座標 更新 hcharts更新時series不會自動增加或減少,需要我們...