teratail header banner
teratail header banner
質問するログイン新規登録

質問編集履歴

1

入力した内容が反映されなかったので入力し直し

2021/12/25 13:16

投稿

jpsuzuki
jpsuzuki

スコア2

title CHANGED
File without changes
body CHANGED
@@ -1,17 +1,65 @@
1
1
  ### 開発環境
2
2
  macOS Monterey
3
3
  Docker 20.10.11
4
- rails 6.0.3
4
+ Rails 6.0.3
5
5
  Bootstrap 5.0.3
6
6
 
7
7
  docker-compise
8
-
8
+ web,db,nginxの3つのコンテナ
9
9
 
10
10
 
11
11
  ### 経緯
12
12
  ブラウザからlocalhost:3000にアクセスしCSSを整えてたら、いきなりすごい勢いでmacのファンが回り出し、ブラウザにはcssの無い剥き出しのテキストが表示された
13
13
  もう一度読み込むと「データが送信されませんでした」の表示
14
14
 
15
+ bootstrapでアコーディオン機能を実装してたところなので、javascriptあたりの問題?
16
+ 設定は何もいじってないけど、エラーページすら表示されないってことはサーバーに問題ありそう?
17
+
15
18
  ### 確認したこと
16
19
  - docker-compose ps
17
- dockerのコンテナが落ちたのかと思ったので確認
20
+ dockerのコンテナが落ちたのかと思ったので確認
21
+  コンテナ3つともrunnningで問題なさげ
22
+
23
+ - unicorn.log
24
+ ```
25
+ - - [25/Dec/2021:18:23:16 +0900] "GET / HTTP/1.1" 200 - 0.8791
26
+ - - [25/Dec/2021:18:23:16 +0900] "GET /packs/js/application-e4f3af980e90a0e7865b.js HTTP/1.1" 304 - 0.1326
27
+ E, [2021-12-25T18:24:22.516454 #14] ERROR -- : worker=1 PID:66 timeout (16s > 15s), killing
28
+ E, [2021-12-25T18:24:22.531940 #14] ERROR -- : reaped #<Process::Status: pid 66 SIGKILL (signal 9)> worker=1
29
+ E, [2021-12-25T18:24:22.533485 #14] ERROR -- : worker=0 PID:64 timeout (16s > 15s), killing
30
+ E, [2021-12-25T18:24:22.547971 #14] ERROR -- : reaped #<Process::Status: pid 64 SIGKILL (signal 9)> worker=0
31
+ I, [2021-12-25T18:24:22.549615 #113] INFO -- : worker=1 ready
32
+ I, [2021-12-25T18:24:22.558785 #115] INFO -- : worker=0 ready
33
+ E, [2021-12-25T18:24:38.536347 #14] ERROR -- : worker=1 PID:113 timeout (16s > 15s), killing
34
+ E, [2021-12-25T18:24:38.547398 #14] ERROR -- : reaped #<Process::Status: pid 113 SIGKILL (signal 9)> worker=1
35
+ I, [2021-12-25T18:24:38.556827 #157] INFO -- : worker=1 ready
36
+ E, [2021-12-25T18:24:55.570538 #14] ERROR -- : worker=0 PID:115 timeout (16s > 15s)
37
+ ```
38
+ 以下、無限ループ
39
+
40
+ ### 試したこと
41
+ ```
42
+ $ rails webpacker:compile
43
+ ```
44
+ ### 結果
45
+ ```
46
+ WARNING in entrypoint size limit: The following entrypoint(s) combined asset size exceeds the recommended limit (244 KiB). This can impact web performance.
47
+ Entrypoints:
48
+ application (322 KiB)
49
+ css/application-f8a353ce.css
50
+ js/application-e401f9867b5e50603d69.js
51
+
52
+
53
+ WARNING in webpack performance recommendations:
54
+ You can limit the size of your bundles by using import() or require.ensure to lazy load some parts of your application.
55
+ For more info visit https://webpack.js.org/guides/code-splitting/
56
+ Child mini-css-extract-plugin node_modules/css-loader/dist/cjs.js??ref--7-1!node_modules/postcss-loader/src/index.js??ref--7-2!node_modules/sass-loader/dist/cjs.js??ref--7-3!app/javascript/stylesheets/application.scss:
57
+ Entrypoint mini-css-extract-plugin = *
58
+ [0] ./node_modules/css-loader/dist/cjs.js??ref--7-1!./node_modules/postcss-loader/src??ref--7-2!./node_modules/sass-loader/dist/cjs.js??ref--7-3!./app/javascript/stylesheets/application.scss 640 KiB {0} [built]
59
+ + 1 hidden module
60
+ ```
61
+ 警告が表示された
62
+
63
+ ブラウザではcssのついてないテキストが表示された
64
+
65
+ 原因と解決策を知りたいです。確認すべき点なども教えていただきたいです