質問編集履歴

6

自己解決できた

2021/12/20 02:39

投稿

kurigaki
kurigaki

スコア1

test CHANGED
File without changes
test CHANGED
@@ -21,6 +21,10 @@
21
21
 
22
22
 
23
23
  さらに追記 cssをかけてみたらレイアウトが崩れていました。やはりcssに原因がある可能性があります
24
+
25
+
26
+
27
+ 結果 cssが原因ではなかった
24
28
 
25
29
 
26
30
 
@@ -56,6 +60,8 @@
56
60
 
57
61
 
58
62
 
63
+ ```
64
+
59
65
  追記
60
66
 
61
67
  Command failed.のエラーに対して
@@ -66,9 +72,13 @@
66
72
 
67
73
 
68
74
 
75
+ 結果 cssが原因ではなかった
69
76
 
70
77
 
71
- ```
78
+
79
+
80
+
81
+
72
82
 
73
83
 
74
84
 
@@ -83,6 +93,10 @@
83
93
 
84
94
 
85
95
  追記 cssをかけてみたらレイアウトが崩れていました。やはりcssに原因がある可能性があります
96
+
97
+
98
+
99
+ 結果 cssが原因ではなかった
86
100
 
87
101
 
88
102
 
@@ -136,6 +150,10 @@
136
150
 
137
151
 
138
152
 
153
+ 結果 cssが原因ではなかった
154
+
155
+
156
+
139
157
  ### 補足情報(FW/ツールのバージョンなど)
140
158
 
141
159
 

5

エラー文が変わった

2021/12/20 02:39

投稿

kurigaki
kurigaki

スコア1

test CHANGED
File without changes
test CHANGED
@@ -62,7 +62,7 @@
62
62
 
63
63
  https://qiita.com/hryau6/items/820d0b404325688574ba
64
64
 
65
- これを試してみましたが解決出来せんでした。
65
+ これを試してみたらエラー文変わりました。後にまた更新します。
66
66
 
67
67
 
68
68
 

4

Command failed.エラーに対しての追記

2021/12/20 02:26

投稿

kurigaki
kurigaki

スコア1

test CHANGED
File without changes
test CHANGED
@@ -53,6 +53,16 @@
53
53
  remote: error /tmp/build_5f742bf3/node_modules/node-sass: Command failed.
54
54
 
55
55
  というエラーも見つけました。
56
+
57
+
58
+
59
+ 追記
60
+
61
+ Command failed.のエラーに対して
62
+
63
+ https://qiita.com/hryau6/items/820d0b404325688574ba
64
+
65
+ これを試してみましたが解決出来ませんでした。
56
66
 
57
67
 
58
68
 

3

cssに原因がある可能性が高くなってきた

2021/12/20 02:15

投稿

kurigaki
kurigaki

スコア1

test CHANGED
File without changes
test CHANGED
@@ -17,6 +17,14 @@
17
17
 
18
18
 
19
19
  追記 cssをかけないで同じ挙動をするオリジナルアプリを作成してみたのですが、同じエラーが出たのでCSSは関係なさそうです
20
+
21
+
22
+
23
+ さらに追記 cssをかけてみたらレイアウトが崩れていました。やはりcssに原因がある可能性があります
24
+
25
+
26
+
27
+
20
28
 
21
29
 
22
30
 
@@ -61,6 +69,10 @@
61
69
  ```css
62
70
 
63
71
  cssが原因ではありませんでした
72
+
73
+
74
+
75
+ 追記 cssをかけてみたらレイアウトが崩れていました。やはりcssに原因がある可能性があります
64
76
 
65
77
 
66
78
 
@@ -110,6 +122,10 @@
110
122
 
111
123
 
112
124
 
125
+ さらに追記 cssをかけてみたらレイアウトが崩れていました。やはりcssに原因がある可能性があります
126
+
127
+
128
+
113
129
  ### 補足情報(FW/ツールのバージョンなど)
114
130
 
115
131
 

2

仮説検証の追記

2021/12/18 15:46

投稿

kurigaki
kurigaki

スコア1

test CHANGED
File without changes
test CHANGED
@@ -13,6 +13,10 @@
13
13
  初めてのデプロイではなく過去に何度かはデプロイできていました。現状ローカルではエラーが出ていないと思います。
14
14
 
15
15
  マイページを作成したのちにcssをいじってからgit push heroku masterしたらこのエラーが出るようになりました。もしかしたらcssに原因があるかもしれないのでcssのソースコードも載せておきます
16
+
17
+
18
+
19
+ 追記 cssをかけないで同じ挙動をするオリジナルアプリを作成してみたのですが、同じエラーが出たのでCSSは関係なさそうです
16
20
 
17
21
 
18
22
 
@@ -56,111 +60,7 @@
56
60
 
57
61
  ```css
58
62
 
59
- .wrapper {
60
-
61
- display: flex;
63
+ cssが原因ではありませんでした
62
-
63
- }
64
-
65
-
66
-
67
- .side-bar {
68
-
69
- background-image: url("/images/chalkboard-green-pattern-02.jpg");
70
-
71
- background-color: rgba(255, 255, 255, 0.8);
72
-
73
- background-blend-mode:lighten;
74
-
75
- width: 300px;
76
-
77
- }
78
-
79
-
80
-
81
- .posts {
82
-
83
- background-image: url("/images/chalkboard-green-pattern-01.jpg");
84
-
85
-
86
-
87
- height: 100%;
88
-
89
- width: 100%;
90
-
91
- padding: 20px 20px 0;
92
-
93
- overflow: scroll;
94
-
95
- }
96
-
97
-
98
-
99
- .mypage-head{
100
-
101
- text-align: center;
102
-
103
- background-color: gray;
104
-
105
- color: deepskyblue;
106
-
107
- }
108
-
109
-
110
-
111
- .white{
112
-
113
- color: white;
114
-
115
- }
116
-
117
-
118
-
119
- .post-table {
120
-
121
- width: 100%;
122
-
123
- }
124
-
125
-
126
-
127
- .post-th {
128
-
129
- width: 20%;
130
-
131
- background-color: #eee;
132
-
133
- border: 1px solid #dedede;
134
-
135
- font-size: 14px;
136
-
137
- text-align: center;
138
-
139
- }
140
-
141
-
142
-
143
- .post-td {
144
-
145
- width: 80%;
146
-
147
- padding: 20px;
148
-
149
- border: 1px solid #dedede;
150
-
151
- font-size: 14px;
152
-
153
- }
154
-
155
-
156
-
157
- .btn{
158
-
159
- margin: 1px;
160
-
161
- }
162
-
163
- ```
164
64
 
165
65
 
166
66
 
@@ -204,6 +104,12 @@
204
104
 
205
105
 
206
106
 
107
+ 追記
108
+
109
+ cssをかけないで同じ挙動をするオリジナルアプリを作成してみましたがherokuにデプロイできませんでした。
110
+
111
+
112
+
207
113
  ### 補足情報(FW/ツールのバージョンなど)
208
114
 
209
115
 

1

========================================の改行

2021/12/18 15:32

投稿

kurigaki
kurigaki

スコア1

test CHANGED
File without changes
test CHANGED
@@ -226,6 +226,8 @@
226
226
 
227
227
  Please run `yarn install --check-files` to update.
228
228
 
229
+
230
+
229
231
  ========================================
230
232
 
231
233