一、熱更新失敗
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不會自動增加或減少,需要我們...