【Rails6】webpack-dev-servrerが再起動しないとコンパイルされない

Question

bin/webpack-dev-serverを起動し、
特にエラーもなく、Compiled successfully.になるのですが、
２回目以降の読み込みで、CSSを変更してもホットリロードされません。
１回目は正常に反映されますが、リロードボタンを押さないと反映はされません。
HTMLの変更は反映されます。

ネット記事で解決策がなかなか見つからず、、
ヒントでもいいので、詳しい方教えていただけませんでしょうか。

localhost:3035は『このサイトにアクセスできません』になります。

【環境】
Vagrant 2.2.14
CentOS7
Rails 6.1.3
webpakcer 4.6.0
yarn 1.22.5

ℹ ｢wds｣: Project is running at https://localhost:3035/
ℹ ｢wds｣: webpack output is served from /packs/
ℹ ｢wds｣: Content not from webpack is served from /vagrant/saiji_app/public/packs
ℹ ｢wds｣: 404s will fallback to /index.html
ℹ ｢wdm｣: Hash: 258e68b88aba9a706038
Version: webpack 4.46.0
Time: 6845ms
Built at: 2021/03/28 18:35:58
                                     Asset       Size       Chunks                         Chunk Names
    js/application-ef85df36a171b2b1983e.js   3.64 MiB  application  [emitted] [immutable]  application
js/application-ef85df36a171b2b1983e.js.map   3.87 MiB  application  [emitted] [dev]        application
                             manifest.json  364 bytes               [emitted]              
ℹ ｢wdm｣: Compiled successfully.

【試してみたこと】
Webpackerのgithubを参考にして下記を試しましたが、
改善しません。
webpacker

$ bin/webpack --watch

Hash: 4f5a5816bcc3d8717375
Version: webpack 4.46.0
Time: 5598ms
Built at: 2021/03/29 22:44:07
                                     Asset       Size       Chunks                         Chunk Names
    js/application-959c42f0ceaaaf5e0d11.js   2.86 MiB  application  [emitted] [immutable]  application
js/application-959c42f0ceaaaf5e0d11.js.map   3.06 MiB  application  [emitted] [dev]        application
                             manifest.json  364 bytes               [emitted]              
Entrypoint application = js/application-959c42f0ceaaaf5e0d11.js js/application-959c42f0ceaaaf5e0d11.js.map
[./app/javascript/channels sync recursive _channel.js$] ./app/javascript/channels sync _channel.js$ 160 bytes {application} [built]
[./app/javascript/channels/index.js] 211 bytes {application} [built]
[./app/javascript/packs/application.js] 633 bytes {application} [built]
[./app/javascript/src/application.scss] 664 bytes {application} [built]
[./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/sass-loader/dist/cjs.js?!./app/javascript/src/application.scss] ./node_modules/css-loader/dist/cjs.js??ref--6-1!./node_modules/postcss-loader/src??ref--6-2!./node_modules/sass-loader/dist/cjs.js??ref--6-3!./app/javascript/src/application.scss 1020 KiB {application} [built]
[./node_modules/webpack/buildin/global.js] (webpack)/buildin/global.js 905 bytes {application} [built]
[./node_modules/webpack/buildin/module.js] (webpack)/buildin/module.js 552 bytes {application} [built]
    + 12 hidden modules

上記をや実行後に、./bin/webpack-dev-serverで立ち上げても改善しません。

Issuesに同じような質問があったのですが、
解決策が分からずです。

大変恐縮なのですが、ご存知の方いらっしゃいましたらご教授お願いできませんでしょうか。