《Sublime Text LiveReload》解決Could not connect to LiveReload server錯誤訊息

梅問題-《Sublime Text LiveReload》發生Could not connect to LiveReload server錯誤訊息
  之前曾分享過,在Sublime Text中安裝LiveReload,當安裝完畢後,以後只要在Sublime Text中編輯網頁時,當按下儲存後,瀏覽器立即就會更新,即時就可預覽結果,相當的方便,但最近卻有不少的朋友遇到,當在瀏覽器上,要啟用LiveReload時,就會出現「Could not connect to LiveReload server. Please make sure that LiveReload 2.3 (or later) or another compatible server is running.」的錯誤訊息,原來梅干以為是電腦的問題,結果試了許多方法,最後才知道,原來會出現這個錯誤訊息,大概有二種狀況,一種是Sublime Text中的LiveReload安裝失敗,或是在執行的過程中,順序有錯才會造成此問題,因此若你也遇到此問題的朋友們,不妨也一塊來看看囉!!

首先,先檢查Sublime Text中看是否已安裝了LiveReload,開啟Sublime Text並按Ctrl+Shift+P,再輸入List Packages
梅問題-《Sublime Text LiveReload》發生Could not connect to LiveReload server錯誤訊息
接著就會秀出所有已安裝的外掛清單,哈~果真沒有LiveRload。
梅問題-《Sublime Text LiveReload》發生Could not connect to LiveReload server錯誤訊息
接著再把LiveReload的外掛安裝起來,若裝不起來的話,再透過手動的方式進行安裝。
梅問題-《Sublime Text LiveReload》發生Could not connect to LiveReload server錯誤訊息
當有看到這畫面,就表示已安裝完成囉!
梅問題-《Sublime Text LiveReload》發生Could not connect to LiveReload server錯誤訊息
這時要啟用LiveReload模式時,需先開啟Sublime Text才能啟用LiveReload的服務,因為瀏覽器會把Sublime Text當成是台Server來運行,就有點像fire的概念,因此下回若也遇到此狀況時,不妨先檢測看看後,再看執行的順序是否正確,應該就可解決此問題了。
梅問題-《Sublime Text LiveReload》發生Could not connect to LiveReload server錯誤訊息

相關文章

免寫程式!HTML5新屬性自動檢核表單與欄位格式是否填寫正確

免寫程式!HTML5新屬性自動檢核表單與欄位格式是否填寫正確

Bootstrap教學-Bootstrap導覽列選單加入網格讓選單圖文並茂

Bootstrap教學-Bootstrap導覽列選單加入網格讓選單圖文並茂

將Google地圖嵌入網頁,滾動滑鼠第三鍵鎖定不縮放

將Google地圖嵌入網頁,滾動滑鼠第三鍵鎖定不縮放

CSS教學-CSS選擇器套用樣式的優先權順序

CSS教學-CSS選擇器套用樣式的優先權順序

Bootstrap教學-NavBar導覽列選單在手機版下,選單由側邊開啟

Bootstrap教學-NavBar導覽列選單在手機版下,選單由側邊開啟





回應本篇 »

(姓名)*必填
(信箱)*必填
(網站)

※PS: 因梅干時間有限,教學網中所分享的主題繁多(所遇狀況也很多),可能無法一一回答各位,不便之處還請見諒。
※PS: 本教學網不提供「破解檔」、「註冊機」或「註冊碼」等資訊,請勿利用留言索取檔案。

近期講座

近期講座

更多講座