webpack問題（Rails 6.1.3.2）

###知りたいこと
先日Railsのバージョンを最新にしたことにより、コンフリクトが起きて、rails s等のコマンドでエラーが出るようになりました。budle updateや必要なgemをインストール、gemのversionを合わせたりし、無事問題なく、rails sおよびデプロイができるようになりました。

しかし、新たにrails newで作成したアプリで、以下の問題が起きています。
・rails s → 初回のアクセスですごい時間がかかる。
・jsが有効出ない（効かない）

現状として、
初回は、[Webpacker] Compiled all packs in /Users/XOXO/app/public/packsと出力され、
２回目は[Webpacker] Everything's up-to-date. Nothing to doとなりますが、compileしている時間が長いと感じています。
webpackに問題があると想定し、検索をしておりますが、なかなかヒントになるものを探し出せずにおります。
また、jsが効かない件についても原因を把握できずにおります。
お分かりの方、ぜひ助言いただければ幸いです。

terminal
1MacBook-Air:app XOXO$ rails s
2=> Booting Puma
3=> Rails 6.1.3.2 application starting in development 
4=> Run `bin/rails server --help` for more startup options
5Puma starting in single mode...
6* Puma version: 5.3.1 (ruby 2.5.0-p0) ("Sweetnighter")
7*  Min threads: 5
8*  Max threads: 5
9*  Environment: development
10*          PID: 42098
11* Listening on http://127.0.0.1:3000
12* Listening on http://[::1]:3000
13Use Ctrl-C to stop
14Started GET "/" for ::1 at 2021-05-15 14:52:18 +0900
15   (2.4ms)  SELECT sqlite_version(*)
16Processing by HomeController#top as HTML
17  Rendering layout layouts/application.html.erb
18  Rendering home/top.html.erb within layouts/application
19  Rendered home/top.html.erb within layouts/application (Duration: 3.5ms | Allocations: 449)
20[Webpacker] Compiling...
21[Webpacker] Compiled all packs in /Users/XOXO/app/public/packs
22[Webpacker] Hash: 657aa16888c3f30d6c43
23Version: webpack 4.46.0
24Time: 1389ms
25Built at: 05/15/2021 2:52:23 PM
26                                     Asset       Size       Chunks                         Chunk Names
27    js/application-b6b7cba537dccee83813.js    126 KiB  application  [emitted] [immutable]  application
28js/application-b6b7cba537dccee83813.js.map    140 KiB  application  [emitted] [dev]        application
29                             manifest.json  364 bytes               [emitted]              
30Entrypoint application = js/application-b6b7cba537dccee83813.js js/application-b6b7cba537dccee83813.js.map
31[./app/javascript/channels sync recursive _channel.js$] ./app/javascript/channels sync _channel.js$ 160 bytes {application} [built]
32[./app/javascript/channels/index.js] 211 bytes {application} [built]
33[./app/javascript/packs/application.js] 1.37 KiB {application} [built]
34[./node_modules/webpack/buildin/module.js] (webpack)/buildin/module.js 552 bytes {application} [built]
35    + 3 hidden modules
36
37  Rendered layout layouts/application.html.erb (Duration: 4733.0ms | Allocations: 9251)
38Completed 200 OK in 4765ms (Views: 4745.3ms | ActiveRecord: 0.0ms | Allocations: 13543)
39
40
41Started GET "/" for ::1 at 2021-05-15 14:52:40 +0900
42Processing by HomeController#top as HTML
43  Rendering layout layouts/application.html.erb
44  Rendering home/top.html.erb within layouts/application
45  Rendered home/top.html.erb within layouts/application (Duration: 0.1ms | Allocations: 37)
46[Webpacker] Everything's up-to-date. Nothing to do
47  Rendered layout layouts/application.html.erb (Duration: 14.7ms | Allocations: 4900)
48Completed 200 OK in 17ms (Views: 15.9ms | ActiveRecord: 0.0ms | Allocations: 5341)
49
50
51Started GET "/" for ::1 at 2021-05-15 14:55:34 +0900
52Processing by HomeController#top as HTML
53  Rendering layout layouts/application.html.erb
54  Rendering home/top.html.erb within layouts/application
55  Rendered home/top.html.erb within layouts/application (Duration: 0.1ms | Allocations: 37)
56[Webpacker] Compiling...
57[Webpacker] Compiled all packs in /Users/XOXO/app/public/packs
58[Webpacker] Though the "loose" option was set to "false" in your @babel/preset-env config, it will not be used for @babel/plugin-proposal-private-methods since the "loose" mode option was set to "true" for @babel/plugin-proposal-class-properties.
59The "loose" option must be the same for @babel/plugin-proposal-class-properties, @babel/plugin-proposal-private-methods and @babel/plugin-proposal-private-property-in-object (when they are enabled): you can silence this warning by explicitly adding
60	["@babel/plugin-proposal-private-methods", { "loose": true }]
61to the "plugins" section of your Babel config.
62
63[Webpacker] Hash: cb3e63c6984665b2759d
64Version: webpack 4.46.0
65Time: 1526ms
66Built at: 05/15/2021 2:55:38 PM
67                                     Asset       Size       Chunks                         Chunk Names
68    js/application-286c9701f0f4a5ae6895.js    126 KiB  application  [emitted] [immutable]  application
69js/application-286c9701f0f4a5ae6895.js.map    140 KiB  application  [emitted] [dev]        application
70                             manifest.json  364 bytes               [emitted]              
71Entrypoint application = js/application-286c9701f0f4a5ae6895.js js/application-286c9701f0f4a5ae6895.js.map
72[./app/javascript/channels sync recursive _channel.js$] ./app/javascript/channels sync _channel.js$ 160 bytes {application} [built]
73[./app/javascript/channels/index.js] 211 bytes {application} [built]
74[./app/javascript/packs/application.js] 1.37 KiB {application} [built]
75[./node_modules/webpack/buildin/module.js] (webpack)/buildin/module.js 552 bytes {application} [built]
76    + 3 hidden modules
77
78  Rendered layout layouts/application.html.erb (Duration: 3992.7ms | Allocations: 6181)
79Completed 200 OK in 3994ms (Views: 3993.4ms | ActiveRecord: 0.0ms | Allocations: 6621)