react : WebSocket connection to ws:// failed

 最近剛開始學習react,依文件建置好專案,因為Port 3000已被佔用

所以修改了package.json,改為Port 5555

執行npm start,沒有出現錯誤,瀏覽器也正確呈現Hello World

但是瀏覽器開發人員工具的主控台上出現了下列的訊息:
WebSocket connection to 'ws://192.192.192.10:5555/ws' failed:

因為我是架設docker container來學習react,所以有Port Mapping:9920 -> 5555

因此實際上瀏覽器的url網址列上是:http://192.192.192.10:9920

所以當WebSocket以Port 5555呼叫時當然會failed

我的解決方法是將docker container的Port Mapping改為一致5555 -> 5555,這樣就沒有問題了。


Windows 11安裝時跳過網路連線