質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

ただいまの
回答率

87.92%

webpack問題(Rails 6.1.3.2)

受付中

回答 0

投稿

  • 評価
  • クリップ 0
  • VIEW 94

score 161

知りたいこと

先日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と出力され、
2回目は[Webpacker] Everything's up-to-date. Nothing to doとなりますが、compileしている時間が長いと感じています。
webpackに問題があると想定し、検索をしておりますが、なかなかヒントになるものを探し出せずにおります。
また、jsが効かない件についても原因を把握できずにおります。
お分かりの方、ぜひ助言いただければ幸いです。

MacBook-Air:app XOXO$ rails s
=> Booting Puma
=> Rails 6.1.3.2 application starting in development 
=> Run `bin/rails server --help` for more startup options
Puma starting in single mode...
* Puma version: 5.3.1 (ruby 2.5.0-p0) ("Sweetnighter")
*  Min threads: 5
*  Max threads: 5
*  Environment: development
*          PID: 42098
* Listening on http://127.0.0.1:3000
* Listening on http://[::1]:3000
Use Ctrl-C to stop
Started GET "/" for ::1 at 2021-05-15 14:52:18 +0900
   (2.4ms)  SELECT sqlite_version(*)
Processing by HomeController#top as HTML
  Rendering layout layouts/application.html.erb
  Rendering home/top.html.erb within layouts/application
  Rendered home/top.html.erb within layouts/application (Duration: 3.5ms | Allocations: 449)
[Webpacker] Compiling...
[Webpacker] Compiled all packs in /Users/XOXO/app/public/packs
[Webpacker] Hash: 657aa16888c3f30d6c43
Version: webpack 4.46.0
Time: 1389ms
Built at: 05/15/2021 2:52:23 PM
                                     Asset       Size       Chunks                         Chunk Names
    js/application-b6b7cba537dccee83813.js    126 KiB  application  [emitted] [immutable]  application
js/application-b6b7cba537dccee83813.js.map    140 KiB  application  [emitted] [dev]        application
                             manifest.json  364 bytes               [emitted]              
Entrypoint application = js/application-b6b7cba537dccee83813.js js/application-b6b7cba537dccee83813.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] 1.37 KiB {application} [built]
[./node_modules/webpack/buildin/module.js] (webpack)/buildin/module.js 552 bytes {application} [built]
    + 3 hidden modules

  Rendered layout layouts/application.html.erb (Duration: 4733.0ms | Allocations: 9251)
Completed 200 OK in 4765ms (Views: 4745.3ms | ActiveRecord: 0.0ms | Allocations: 13543)


Started GET "/" for ::1 at 2021-05-15 14:52:40 +0900
Processing by HomeController#top as HTML
  Rendering layout layouts/application.html.erb
  Rendering home/top.html.erb within layouts/application
  Rendered home/top.html.erb within layouts/application (Duration: 0.1ms | Allocations: 37)
[Webpacker] Everything's up-to-date. Nothing to do
  Rendered layout layouts/application.html.erb (Duration: 14.7ms | Allocations: 4900)
Completed 200 OK in 17ms (Views: 15.9ms | ActiveRecord: 0.0ms | Allocations: 5341)


Started GET "/" for ::1 at 2021-05-15 14:55:34 +0900
Processing by HomeController#top as HTML
  Rendering layout layouts/application.html.erb
  Rendering home/top.html.erb within layouts/application
  Rendered home/top.html.erb within layouts/application (Duration: 0.1ms | Allocations: 37)
[Webpacker] Compiling...
[Webpacker] Compiled all packs in /Users/XOXO/app/public/packs
[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.
The "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
    ["@babel/plugin-proposal-private-methods", { "loose": true }]
to the "plugins" section of your Babel config.

[Webpacker] Hash: cb3e63c6984665b2759d
Version: webpack 4.46.0
Time: 1526ms
Built at: 05/15/2021 2:55:38 PM
                                     Asset       Size       Chunks                         Chunk Names
    js/application-286c9701f0f4a5ae6895.js    126 KiB  application  [emitted] [immutable]  application
js/application-286c9701f0f4a5ae6895.js.map    140 KiB  application  [emitted] [dev]        application
                             manifest.json  364 bytes               [emitted]              
Entrypoint application = js/application-286c9701f0f4a5ae6895.js js/application-286c9701f0f4a5ae6895.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] 1.37 KiB {application} [built]
[./node_modules/webpack/buildin/module.js] (webpack)/buildin/module.js 552 bytes {application} [built]
    + 3 hidden modules

  Rendered layout layouts/application.html.erb (Duration: 3992.7ms | Allocations: 6181)
Completed 200 OK in 3994ms (Views: 3993.4ms | ActiveRecord: 0.0ms | Allocations: 6621)
  • 気になる質問をクリップする

    クリップした質問は、後からいつでもマイページで確認できます。

    またクリップした質問に回答があった際、通知やメールを受け取ることができます。

    クリップを取り消します

  • 良い質問の評価を上げる

    以下のような質問は評価を上げましょう

    • 質問内容が明確
    • 自分も答えを知りたい
    • 質問者以外のユーザにも役立つ

    評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

    質問の評価を上げたことを取り消します

  • 評価を下げられる数の上限に達しました

    評価を下げることができません

    • 1日5回まで評価を下げられます
    • 1日に1ユーザに対して2回まで評価を下げられます

    質問の評価を下げる

    teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

    • プログラミングに関係のない質問
    • やってほしいことだけを記載した丸投げの質問
    • 問題・課題が含まれていない質問
    • 意図的に内容が抹消された質問
    • 過去に投稿した質問と同じ内容の質問
    • 広告と受け取られるような投稿

    評価が下がると、TOPページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

    質問の評価を下げたことを取り消します

    この機能は開放されていません

    評価を下げる条件を満たしてません

    評価を下げる理由を選択してください

    詳細な説明はこちら

    上記に当てはまらず、質問内容が明確になっていない質問には「情報の追加・修正依頼」機能からコメントをしてください。

    質問の評価を下げる機能の利用条件

    この機能を利用するためには、以下の事項を行う必要があります。

まだ回答がついていません

15分調べてもわからないことは、teratailで質問しよう!

  • ただいまの回答率 87.92%
  • 質問をまとめることで、思考を整理して素早く解決
  • テンプレート機能で、簡単に質問をまとめられる

関連した質問

同じタグがついた質問を見る