pcで起動したwebpack-dev-serverに, 携帯ブラウザからアクセスできない

実現したいこと

pcで起動したwebpack-dev-serverに, 携帯ブラウザからアクセスしたい！

環境

windows11
chrome (on galaxy)
webpack-dev-server
express

詳細

私は現在bluetoothコントローラの値をブラウザ上で保持し(webpack-dev-server), その値をpcで立てた別のnode.jsサーバーにpostするというシステム(node.js+express+cors)を構築しています.この2つのサーバーは同一pc上に存在しています.

このシステムはほぼ完成しており, webpack-dev-serverが示すlocalhostのIP(1)にpcのブラウザからアクセスすると, 想定した動作をしてくれます. ここまでは良かったのですが, 望んでいた活用方法である携帯のchromeからwebpack-dev-serverが示すローカルIP(2)にアクセスというものができませんでした. chrome上ではERR_CONNECTION_TIMED_OUTと表示されます.

(1)http://localhost:50000/
(2)http://192.168.0.214:50000/

つまり, 携帯ブラウザからwebpack-dev-serverにアクセスすることだけができません.
そこで原因として以下のようにいくつか考えました.

①webpack-dev-serverの設定がおかしい.
②pcと携帯が同一ローカルネットワーク上にない.
➂html or css or javascriptの容量が重くてtimeoutした？
➃ポートがファイアーウォールで守られている.

①webpack-dev-serverの設定がおかしい可能性

webpack.config.js
1    devServer: {
2        host: '0.0.0.0',
3        port: 50000,
4        static: {
5            directory: path.join(__dirname, "dist"),
6        },
7    },

いくつかのサイトを調べると, 上記のようにhost: '0.0.0.0'とすることで, 外部からアクセスできると書かれていました. また, portはもともと8080で行っていたのですが, アンチウイルスソフトで弾かれる可能性があると書かれていた方もいたので, プライベートポート(49152~65535)から選択しました. ここには問題がないように思えました.「webpack-dev-serverは変更を確認するだけでデバッグに使うだけだよ！」という記事もありましたが, 今回所望している動作に影響はないと考えています.

②pcが同一ネットワーク上にない可能性

pcは上記で示したIP(192.168.0.214)であったので(一応ipconfigでも確認しました), 携帯が同一ローカルネットワーク上にいるか確認しました. androidだったので, 設定からIPを確認したところきちんと, 同一ネットワーク上にいることを確認しました. また, 携帯でテザリングを行いpcを接続させることや違うルーターでも同じことを行い, IPを変えて試してみたのですがどれも同じ同じネットワーク上にいるのにアクセスできませんでした.

➂html or css or javascriptの容量が重くてtimeoutした？可能性

今回実装したコードは処理としては単純であり, 公開フォルダであるdist内にも最小限のファイルしかないことから容量自体は重くありません. したがって, これはありえないのかなと思っています. あまりわからなかったのですが, 一応下記の記事で示されているproxyの内容から抽出して, 設定してみて変化はありませんでした.
https://juejin.cn/s/webpack%20dev%20server%20proxy%20timeout