teratail
回答率
85.35%
teratail header banner
teratail header banner
質問するログイン新規登録
トップに関する質問ローカルにて、突然編集が反映されなくなった

編集履歴

質問編集履歴

7

修正

2020/09/13 10:04

投稿

keisuke.F
keisuke.F

スコア19

test CHANGED
File without changes
test CHANGED
@@ -46,7 +46,11 @@
46
46
 
47
47
 
48
48
 
49
- 今まで反映されていたのでscssや読み込み等の記述ミスではないです。
49
+ docker-compose downをして再度upをすると反映されるので、scssの記述ミスとかではなさそうです。
50
+
51
+
52
+
53
+ よろしくお願い致します。
50
54
 
51
55
 
52
56
 

6

修正

2020/09/13 10:03

投稿

keisuke.F
keisuke.F

スコア19

test CHANGED
@@ -1 +1 @@
1
- 編集が反映されなくなった
1
+ ローカルにて、突然編集が反映されなくなった
test CHANGED
File without changes

5

修正

2020/09/13 08:20

投稿

keisuke.F
keisuke.F

スコア19

test CHANGED
@@ -1 +1 @@
1
- cssが突然反映されなくなった
1
+ 編集が反映されなくなった
test CHANGED
@@ -4,80 +4,196 @@
4
4
 
5
5
 
6
6
 
7
+ docker環境で編集していたのですが、途中からcircleICの環境構築を行いました。
8
+
7
- dockerとcircleICの環境構築を行った後、いつもの様にUIの実装をしようとしたのですが、CSSが変化せず固定されています。
9
+ その後、いつもの様に実装をしようとしたのですが、編集内容が変化せずスタイルが残ってしまいまう様になりました。
8
10
 
9
11
 
10
12
 
13
+ ```
14
+
15
+ docker-compose downをし、再度docker-compose build、docker-compose upをしたところ
16
+
17
+ 修正したCSSが反映されました。
18
+
19
+ ```
20
+
21
+
22
+
11
- 反映しないので、一度CSSを全部削除してみても、ｃｓｓは何も変化せず前の画面のままで表示されます。
23
+ しかし、それではいちいち修正するたび、この作業をしなければなりません。
12
24
 
13
25
 
14
26
 
15
27
 
16
28
 
17
- コードを記述しても削除しても、変化がないのですが、どの様に対処したらよろしいでしょうか。
29
+ hamlもあえて間違えてもエラーを吐かないですし、全部消しても、反映されず何も変わりません。
18
30
 
19
31
 
20
32
 
21
- 取り込んでいるのはapplication..scssです。
33
+ 初めてのことで原因が全く検討つかない状況です。
22
34
 
23
35
 
24
36
 
37
+ ご教授願います。
38
+
39
+
40
+
41
+ # 解決したいこと
42
+
43
+ 修正が反映される様にしたい。
44
+
45
+
46
+
47
+
48
+
49
+ 今まで反映されていたのでscssや読み込み等の記述ミスではないです。
50
+
51
+
52
+
25
- application.scss
53
+ circleci/config.yml
26
54
 
27
55
  ```
28
56
 
29
- @import "reset";
57
+ version: 2.1
30
58
 
31
- @import "modules/header";
59
+ orbs:
32
60
 
33
- @import "modules/main";
61
+ ruby: circleci/ruby@0.1.2
34
62
 
35
- @import "modules/footer";
36
63
 
64
+
65
+ jobs:
66
+
67
+ build:
68
+
69
+ docker:
70
+
71
+ - image: circleci/ruby:2.5.1-stretch-node
72
+
73
+ - image: circleci/mysql:5.6.47
74
+
75
+ environment:
76
+
37
- @import "modules/messages";
77
+ MYSQL_ROOT_PASSWORD: "password"
78
+
79
+ MYSQL_ROOT_HOST: "%"
80
+
81
+ executor: ruby/default
82
+
83
+ steps:
84
+
85
+ - checkout
86
+
87
+ - run:
88
+
89
+ name: Which bundler?
90
+
91
+ command: bundle -v
92
+
93
+ - ruby/bundle-install
94
+
95
+
38
96
 
39
97
  ```
40
98
 
41
99
 
42
100
 
43
- modulesディレクトリ直下に
101
+ docker-compose.yml
44
102
 
45
103
  ```
46
104
 
47
- _header.scss
105
+ version: '3'
48
106
 
49
- _main.scss
50
107
 
51
- _footer.scss
52
108
 
109
+ services:
110
+
111
+ web:
112
+
113
+ build:
114
+
115
+ context: .
116
+
117
+ dockerfile: Dockerfile
118
+
119
+ ports:
120
+
121
+ - "3000:3000"
122
+
123
+ tty: true
124
+
125
+ command: /bin/sh -c "rm -f tmp/pids/server.pid && bundle exec rails s -p 3000 -b '0.0.0.0'"
126
+
127
+ volumes:
128
+
129
+ - .:/myapp
130
+
131
+ depends_on:
132
+
133
+ - db
134
+
135
+ db:
136
+
53
- _messages.scss
137
+ image: mysql:5.6.47
138
+
139
+ environment:
140
+
141
+ MYSQL_ROOT_PASSWORD: password
142
+
143
+ MYSQL_DATABASE: root
144
+
145
+ ports:
146
+
147
+ - "3306:3306"
148
+
149
+ volumes:
150
+
151
+ - ./tmp/db:/var/lib/mysql/data
152
+
153
+ volumes:
154
+
155
+ bundle:
156
+
157
+ mysql_data:
54
158
 
55
159
  ```
56
160
 
57
161
 
58
162
 
59
- があります。
163
+ Dockerfile
60
164
 
165
+ ```FROM ruby:2.5.1
166
+
61
- ここに関してはこの問題が起きる前まで、修正していないです。
167
+ RUN apt-get update -qq && \
168
+
169
+ apt-get install -y build-essential \
170
+
171
+ libpq-dev \
172
+
173
+ nodejs
62
174
 
63
175
 
64
176
 
65
- ls -R app/assets/stylesheetsの結果です。
177
+ RUN mkdir /app_name
66
178
 
67
- ```
179
+ ENV APP_ROOT /app_name
68
180
 
69
- _reset.scss application.scss modules
181
+ WORKDIR $APP_ROOT
70
182
 
71
183
 
72
184
 
73
- app/assets/stylesheets/modules:
185
+ ADD ./Gemfile $APP_ROOT/Gemfile
74
186
 
75
- _footer.scss _header.scss _main.scss _messages.scss
187
+ ADD ./Gemfile.lock $APP_ROOT/Gemfile.lock
188
+
189
+
190
+
191
+ RUN bundle install
192
+
193
+ ADD . $APP_ROOT
76
194
 
77
195
  ```
78
196
 
79
197
 
80
198
 
81
- 現状、applicatoin.scssをわざとapplication.sccに変更しても、現在当てられているcssは変化しません。
82
-
83
- 本来なら、SCSSは全く反映されないはずですが、消したはずのスタイルが残ってしまっています。
199
+ よろしくお願い致します。

4

修正

2020/09/13 08:19

投稿

keisuke.F
keisuke.F

スコア19

test CHANGED
File without changes
test CHANGED
@@ -80,4 +80,4 @@
80
80
 
81
81
  現状、applicatoin.scssをわざとapplication.sccに変更しても、現在当てられているcssは変化しません。
82
82
 
83
- 本来なら、SCSSは全く反映されないはずですが...。
83
+ 本来なら、SCSSは全く反映されないはずですが、消したはずのスタイルが残ってしまっています。

3

修正

2020/09/13 07:32

投稿

keisuke.F
keisuke.F

スコア19

test CHANGED
File without changes
test CHANGED
@@ -75,3 +75,9 @@
75
75
  _footer.scss _header.scss _main.scss _messages.scss
76
76
 
77
77
  ```
78
+
79
+
80
+
81
+ 現状、applicatoin.scssをわざとapplication.sccに変更しても、現在当てられているcssは変化しません。
82
+
83
+ 本来なら、SCSSは全く反映されないはずですが...。

2

修正

2020/09/13 07:30

投稿

keisuke.F
keisuke.F

スコア19

test CHANGED
File without changes
test CHANGED
@@ -15,6 +15,10 @@
15
15
 
16
16
 
17
17
  コードを記述しても削除しても、変化がないのですが、どの様に対処したらよろしいでしょうか。
18
+
19
+
20
+
21
+ 取り込んでいるのはapplication..scssです。
18
22
 
19
23
 
20
24
 

1

修正

2020/09/13 07:28

投稿

keisuke.F
keisuke.F

スコア19

test CHANGED
File without changes
test CHANGED
@@ -15,3 +15,59 @@
15
15
 
16
16
 
17
17
  コードを記述しても削除しても、変化がないのですが、どの様に対処したらよろしいでしょうか。
18
+
19
+
20
+
21
+ application.scss
22
+
23
+ ```
24
+
25
+ @import "reset";
26
+
27
+ @import "modules/header";
28
+
29
+ @import "modules/main";
30
+
31
+ @import "modules/footer";
32
+
33
+ @import "modules/messages";
34
+
35
+ ```
36
+
37
+
38
+
39
+ modulesディレクトリ直下に
40
+
41
+ ```
42
+
43
+ _header.scss
44
+
45
+ _main.scss
46
+
47
+ _footer.scss
48
+
49
+ _messages.scss
50
+
51
+ ```
52
+
53
+
54
+
55
+ があります。
56
+
57
+ ここに関してはこの問題が起きる前まで、修正していないです。
58
+
59
+
60
+
61
+ ls -R app/assets/stylesheetsの結果です。
62
+
63
+ ```
64
+
65
+ _reset.scss application.scss modules
66
+
67
+
68
+
69
+ app/assets/stylesheets/modules:
70
+
71
+ _footer.scss _header.scss _main.scss _messages.scss
72
+
73
+ ```