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

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

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

【試してみたこと】
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に同じような質問があったのですが、
解決策が分からずです。

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